Video Background - Post ID 241855

User 2154648 Photo


Registered User
5 posts

I have seen some video tutorial (http://youtu.be/XYRGcnNbrgkon) how to do this but i don't know if im coding it incorrectly or putting it in visual designer wrong or the video format is wrong. Can some please help? Thank you.
User 2154648 Photo


Registered User
5 posts

I also dont want the content id
User 2088758 Photo


Senior Advisor
3,121 posts

If you want to use this example with VSD you are going to have to edit a couple of places.

Add this to your header code:

body{ margin:0px; background:#000; }
#bg_container{ height:500px; overflow:hidden; }
#bg{ width:100%; }


Then create an HTML element and put it on your page and stretch it the entire width an height of your page and paste this code in it.

<div id="bg_container">
<video id="bg" src="video/page_bg.mp4" autoplay="true" loop="true" muted="true"></video>
</div>


of course you are going to have to upload the video to your server and change the name here to whatever you named your video.

If you need more help please upload what you have so far and provide us with a link so we can see what your doing.


Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.