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:


.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%; }


<div class="video-container">


What your code should look like (example):

<div class="video-container">
<iframe src="" width="560" height="315" frameborder="0" allowfullscreen=""></iframe>


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


Article is closed for comments.