Follow

Adding Video to Your Responsive Site

  1. Open the page you wish to edit 
  2. Put the cursor where you wish to place the video
  3. Click the insert/edit video icon
  4. Choose Type IFrame from the drop down menu
  5. Select the Source tab
  6. Copy and paste this text into the Source tab: 

    <div class="video-container">

  7. In a new browser window go to your video source eg. Youtube or Vimeo
  8. Select the Share feature on your video source
  9. Copy the Embed code
  10. Go back to the Insert/edit embedded media on your website admin
  11. Paste your video embed code after the <div class="video-container"> you have already pasted from the previous step:
    eg. <iframe width="560" height="315" src="https://www.youtube.com/embed/NmMqfo30Lm0?rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>
  12.  Then copy and past this text into the Source tab after your embed code: 

    </div>

  13. Select Insert
  14. Your video is now added!

Don't forget to save your page. 

Note: You can go back and select the Video and click the insert/edit video icon to adjust the video Dimensions. 

 Watch the Video

 

 

Remember <div class="video-container"> , then your video code , then this </div>

 

 

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

Comments

Powered by Zendesk