Another one of the Adobe Spark tools available for you to use is Spark Page. Spark Page is great for publishing web content without having to know a lot about authoring web pages. How do you add video to your Spark Page? In this movie, author Richard Harrington demonstrates how to add video to a Spark Page.
- Spark Page also supports video directly on the page. Unlike Spark Video where you upload the video files yourself, you're going to have to use a third party viewer. Now, that viewer could be Spark Video. You can upload a short clip or create your video using Spark Video, which we'll cover next in this course. Or you can take advantage of popular services like Vimeo and YouTube. I've already uploaded two videos and have provided you the links. Let's add those to the page. In the folder, there's a document called Links.
Let's go ahead and select the volcano here and I'll copy that to my clipboard. Now, we'll drop that in. Let's go to our section on the volcano and place the video in. I'll just click and choose Video. Now, paste the URL for the video in the box and click Save. The video is added to the screen and it's in line and will play. Now, if you want, you can upload the videos to your own account and I've given you these two short clips.
You won't be able to see it play until you click Preview later. All right, let's add one more video. I'll switch back, copy the second link. Now, let's paste it in the right section. We'll scroll to the conservation area and place the video right after the title. And paste the link. And it's added. Now, to see this, just click the Preview button to get an idea of how it will behave.
We'll scroll down to that first section with the video. You'll see that the video appears in line. When you click, the video will become a full-screen experience. It fills the entire web browser and you can see a little bit of our fun experiments while visiting the rainforest on how these plants were touch-sensitive. Now, at the end of the video, you might not want to see those related videos that pull people off-site.
And sometimes those related videos are somewhat inappropriate 'cause they're not about your subject matter. Let me show you how you can really hack this and prevent that from showing up. What you'll need to do is visit the link I gave you here and go to the video's page on YouTube. So let's add a new tab here and we'll visit the page itself. Now, under the Share option, you'll notice that you have a few controls like where the video starts at. So if you wanna take a later part of the video, you can have it punch in a little bit.
But what you don't see is the ability to prevent that from it showing related videos. So instead, click the Embed option and a new dialog opens up. Now, you can uncheck this box for Show Related Videos When The Video Finishes. You can also turn off other options here such as showing the video title or even the player controls. Now, you just need to take a look at the URL. And if you see up here, there's a source.
You're gonna highlight that text, plus all of this code here through the end of the quote mark. Now, it may try to select all of the text for you. So in this case, just copy it, click the Copy button, then come into a text editor, and paste it. Let's make this a little bit bigger here. The part of the code that you want is the actual URL. So you remove the iframe code, pick it up with the URL.
And this is the link to the video. And then the question mark controls what is shown. So question mark, related videos, zero. Controls, zero or none. Showinfo, zero. So I can now delete this and just take this new web link. There we go. Let's copy that. We'll come back and paste this into Adobe Spark. So let's click Edit here and paste that new URL in and click Save.
Now, we'll preview it. Let's scroll down here to the video. And we'll click Play. Now, some of those controls and everything appeared, but at the end, no related videos are popping up. So the controls can't be blocked and some of the other options that are normally part of the embed were not disabled. But you'll notice that the thumbnail for the author went away and the related videos went away.
So that means that you can come in and modify the other URL. So if I just take this part here that says question mark, related, zero. We can come back in here to this other URL, click the Share option, and choose Embed. And let's just uncheck the option here for Show Related Videos. Copy that and paste it in. And just delete away the parts of the code we don't need.
There's the web URL through related videos. Great. Highlight that. Copy. Let's exit the preview. And we'll go to the second video. And just click on it and edit it and paste in that new modified URL with the code and click Save. And now, the new video without the related videos will play.
Taking the time to tweak this is an important option, but it keeps your Spark Page a lot cleaner and doesn't try to pull people off-site and back to YouTube.
- Accessing Adobe Spark
- Uploading content
- Using free content from Adobe Stock
- Adding brand assets
- Creating graphics with Spark Post
- Creating webpages with Spark Page
- Creating videos with Spark Video
- Managing content in Spark