Follow

Add video on your website's Home Page banner

(Please note that this feature is not available if you are using any of these website themes: Focus, Saturn, Galleria, Flash, Paradigm and Explora)

You can use a video on your website's Homepage banner.  Here's how.

1. Make sure you have your video uploaded either on Youtube or Vimeo.

2. Now, below is the code you need to play a video on your Homepage. Copy the code and paste it on your Notepad as you will need to make three small changes to this code:

<script src="https://storage.googleapis.com/pagevamp-misc/themes/banner-video/video.js"></script>

<script>
var tempVar = setInterval(function(){
if(jQueryReady()){
clearInterval(tempVar);
$('.carousel--generic').video({
provider:'youtube',
url:'https://player.vimeo.com/video/284699869',
theme:'sublime',
});
}
},1000);
function jQueryReady(){
if (window.jQuery) {
return true;
}else{
return false;
}
}
</script>

Replace 3 things in this code.

a. Based on where your video is uploaded, use either youtube or vimeo in provider.

b. Use your video's Embed URL. Click here to see how you can get this URL.

c. Use the name of your website's current theme.

Don't remove the ' ' while making your changes.

video-code.png

4. Now that you have your final code, go to the 'Settings' tab of your website editor. Scroll down to the area called 'Custom JS' and paste your code there.

customjs.png

Click 'save', and then click 'Publish' at top-right.

After you've done that, your video will be displayed on your website's Homepage banner. 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.
Powered by Zendesk