Single view

Name: Youtube Background preset

This preset (should) work with any Boost theme and is adapted from

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=";showinfo=0&amp;rel=0&amp;autoplay=1&amp;loop=1&amp;playlist=W0LHTWG-UmQ" frameborder="0" allowfullscreen=""></iframe></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 <a href="">Full article</a></p>



Version: 1.00
Moodle versions: 3.2, 3.3
Preview: Sample YouTube Background
Preset file: text/x-scss youtubebackground.scss
Entry added by Vernon Spain - Tuesday, 12 September 2017, 9:30 AM
Last modified - Tuesday, 12 September 2017, 9:30 AM