This preset (should) work with any Boost theme and is adapted from https://s.codepen.io/dudleystorey/debug/PZyMrd It allows a YouTube video to be added to any page (including different videos on different pages).
To use: You add this preset (or code contained within) into your Boost theme. Then copy and paste the code below (modified to suit your video and text) into a block on the page
<div class="video-background"> <div class="video-foreground"><iframe src="https://www.youtube.com/embed/W0LHTWG-UmQ?controls=0&showinfo=0&rel=0&autoplay=1&loop=1&playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen=""></iframe></div> </div> <div id="vidtop-content"> <div class="vid-info"> <h3>YouTube Fullscreen Background Demo</h3> <p>The International Space Station orbits the Earth every 92 minutes, with its crew seeing a sunrise 15 times a day. It exists as a scientific, educational, and engineering platform in low orbit, 330 to 435 kilometres above the Earth.</p> <p>Original timelapse by Riccardo Rossi (ISAA), used under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Raw photos courtesy of http://eol.jsc.nasa.gov/ <a href="http://moodle.ucol.ac.nz/500/Use-YouTube-Videos-as-Fullscreen-Web-Page-Backgrounds">Full article</a></p> </div> </div> |