Fixed Background using a Video...

User 434929 Photo


Ambassador
938 posts

Add HTML element and insert following code and give a class such as " fix-bg-vid "

<video autoplay muted loop>
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
</video>

And since RSD yet to support % for some elements all you need is adding the following code manually to your CSS for <video> tag

.fix-bg-vid video{
min-width: 100%;
}

The rest done with RSD itself , see the example in attachment
Attachments:
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

updated RSD File:
Attachments:
Guys at coffeecup are awesometacular.
User 434929 Photo


Ambassador
938 posts

Sorry guys, the two earlier project file was not mobile friendly

With this current updated version no need to add / modify CSS file, it has done all within RSD in single file.

Check out this attachment and hope it helps.
Attachments:
Guys at coffeecup are awesometacular.
User 2744602 Photo


Registered User
162 posts

@ mark I did on the other thread mate :) but I know you have found that no :D

@ Mansour Thanks mate I ma having a look at yours as well !!
KISS is the key!

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.