Using Inline HTML for Video Embeds

We will be expanding FooBox to be able to embed videos the same way as it currently embeds YouTube and Vimeo videos. But for now you can launch any video by including it the same way you would for inline HTML.

This is basically just using the Inline HTML option, and embedding the Instagram video directly onto the page with the instructions from this Mashable article.

Here is the code used to make it happen:

<code><a href=”#insta” class=”foobox” target=”foobox” data-height=”640″ data-width=”640″>Launch an Instagram Video</a> <div id=”insta” style=”display:none;”> <style> .embed-container {padding: 0; margin: -2% 0;} .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; width: 100%; height: 100%; } </style> <div class=’embed-container’><iframe src=’//instagram.com/p/diHQ8eNIBr/embed/’ frameborder=’0′ scrolling=’no’ allowtransparency=’true’></iframe></div></div>