From 2014.igem.org
(Difference between revisions)
|
|
| (8 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| | <html> | | <html> |
| - | <head><script> | + | <iframe style="width:75%;height:500pt; margin:0px auto;" src="//www.youtube.com/embed/vn8Px6il3QM" frameborder="0" allowfullscreen></iframe> |
| - | $(function() {
| + | |
| - | if(typeof YOUTUBE_VIDEO_MARGIN == 'undefined') {
| + | |
| - | YOUTUBE_VIDEO_MARGIN=5;
| + | |
| - | }
| + | |
| - | $('iframe').each(function(index,item) {
| + | |
| - | if($(item).attr('src').match(/http(s)?:\/\/www\.youtube\.com/)) {
| + | |
| - | var w=$(item).attr('width');
| + | |
| - | var h=$(item).attr('height');
| + | |
| - | var ar = h/w*100;
| + | |
| - | ar=ar.toFixed(2);
| + | |
| - | //Style iframe
| + | |
| - | $(item).css('position','absolute');
| + | |
| - | $(item).css('top','0');
| + | |
| - | $(item).css('left','0');
| + | |
| - | $(item).css('width','100%');
| + | |
| - | $(item).css('height','100%');
| + | |
| - | $(item).css('max-width',w+'px');
| + | |
| - | $(item).css('max-height', h+'px');
| + | |
| - | $(item).wrap('<div style="max-width:'+w+'px;margin:0 auto; padding:'+YOUTUBE_VIDEO_MARGIN+'px;" />');
| + | |
| - | $(item).wrap('<div style="position: relative;padding-bottom: '+ar+'%; height: 0; overflow: hidden;" />');
| + | |
| - | }
| + | |
| - | });
| + | |
| - | });
| + | |
| - | </script></head><body>
| + | |
| - | <iframe src="//www.youtube.com/embed/6xEDYljnqCQ" frameborder="0" allowfullscreen></iframe></body>
| + | |
| | </html> | | </html> |
Latest revision as of 13:53, 15 October 2014
"
