"
Team:NCTU Formosa/source/pyramidal device
From 2014.igem.org
(Difference between revisions)
| Line 1: | Line 1: | ||
<html> | <html> | ||
| - | <iframe width=" | + | <head><script> |
| + | $(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> | ||
Revision as of 11:11, 11 October 2014
