Follow

Embedding a YouTube video on your Website (Mobile Responsive)

To start, you should already know how to edit a current page or create a custom page.

If you need a refresher on how to do this or are new to create/editing pages please click this link.

  

STEP 1 - If you need to know how to get the embed video code, please view this video below:

 

  

STEP 2 - Once you have the code copied, you'll want to replace the youtube code where the blue code is below:

<style>

.video-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; }


</style>

<div class="video-container">
PASTE YOUTUBE IFRAME CODE HERE
</div>

 

What your code should look like (example):

<div class="video-container">
<iframe src="https://www.youtube.com/embed/yq654qR3PrE" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>
</div>

 

STEP 3 - Save and Close the Dialog box for the page you are creating/editing. Then save your work in the admin.

 

You are done! Congrats!

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Article is closed for comments.
Powered by Zendesk