poptrox - SINGLE

by oshihirii

HTML

<script src="https://rawgithub.com/n33/jquery.poptrox/master/jquery.poptrox.js"></script>
<div id="changeable_content">
<div class="media_links_viewer_launcher">
<a href="http://youtu.be/loGm3vT8EAQ" data-poptrox="youtube,800x480"></a>
</div>
<div class="media_links_viewer_launcher">
<a href="http://vimeo.com/22439234" data-poptrox="vimeo,800x480"></a>
</div>
</div>

CSS

a {
height:50px;
width:50px;
background: red;
display:inline-block;
}

JavaScript

function initMediaLinksViewer() {
var foo = $('.media_links_viewer_launcher');
foo.poptrox();
}
initMediaLinksViewer();

// these links don't work* (and their http equivalents):
// - https://youtu.be/IiuqVHckI78
// - https://youtu.be/O9crPOB_9tE
// originals from demo also don't work
// - http://youtu.be/loGm3vT8EAQ
// - http://vimeo.com/22439234
// 
// * 'don't work' means the following error:
// Uncaught TypeError: Cannot read property '2' of null
// jquery.poptrox.js:701