Videos

You can embed online hosted videos on a site. Here we show how to do this for youtube videos.

Embed code

Add the following code to where you want the URL to be embedded. Change the link to the embed link of your video.

<div class="container">
<iframe src="https://www.youtube.com/embed/U_RkeDVU2cg" 
frameborder="0" allowfullscreen class="video"></iframe>
</div>

Styling

To ensure the video embed takes up the entire width of the page you can include the following in your .scss files.

.container {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}