hľadal som nejakú normálnu funkciu na fluidné videá, no nenašiel som nič normálne, tak som si jednu napísal. Problém je s tým, že pri zväčšovaní/zmenšovaní okna celkom rada vyťažuje CPU.
Nemá niekto nápad ako to trochu vylepšiť? Keď mením veľkosť okna, tak mi CPU vybehne z 10% na 80%.
Ps.: Viem že väčšina ľudí takéto blbosti nerobí a prejaví sa to hlavne pri manuálnom testovaní, no rád by som, aby bol web čo najmenej náročný na PC.
Ukážka: http://jsfiddle.net/f4dahpn2/
Kód:
Kód: Vybrať všetko
$(document).ready(function() {
var $allVideos = $('iframe[src*="player.vimeo.com"], iframe[src*="youtube.com"], iframe[src*="youtube-nocookie.com"], iframe[src*="kickstarter.com"][src*="video.html"], object, embed');
$allVideos.each(function() {
$(this).attr('data-aspectRatio', this.height / this.width).attr('style', 'max-width:'+this.width+'px; max-height:'+this.height+'px;').attr('width', '100%');
});
$(window).resize(function() {
$allVideos.each(function() {
$(this).attr('height', $(this).width() * $(this).attr('data-aspectRatio'));
});
}).resize();
});
