Check this out pretty cool: http://kauress.github.io/MooseFrye/
Done with Twitter Bootsrap 3 , change media queries to show a background pic on phones. Code for it is:
<div class =”section”>
<div class=”text-vertical-center”>
<video autoplay loop poster=”img/bg.png” id=”bgvid”>
<source src=”vid/1.webm” type=”video/webm”>
<source src=”vid/2.mp4″ type=”video/mp4″>
<source src=”vid/3.ogg” type=”video/ogg”/>
</video>
</div>
I modified it just a bit from the original source (launchrocket). A boot snipp is also available here but it doesn’t work for me…
http://bootsnipp.com/snippets/featured/ful-screen-video-background
Leave a Reply