Category Archives: Video

Apply Youtube or Vimeo video embedded link

Posted on by

Following steps are the way to get Youtube video link
1. Right click on Youtube video
2. Copy embed code
3. Paste in notepad
4. Copy the only the link
5. Use this link in following HTML

<div class="embed-responsive embed-responsive-16by9">
   <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/zpOULjyy-n8?rel=0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>                   
</div>

Following steps are the way to get Vimeo video link
1. Click on share icon (then a popup will open)
2. Copy Embed code
3. Paste in notepad
4. Copy the only the link
5. Use this link in following HTML

<div class="embed-responsive embed-responsive-16by9">                  
    <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/126100721" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>

FYI: CSS for those class are written in Bootstarp 4 Library.