Vimeo的視頻（或YouTube）的動態調整大小

我加入到iframe中一類具有CSSVimeo的視頻（或YouTube）的動態調整大小

width:100%; 
height:auto;

但對於高度不起作用。

比任何jQuery的髒修復

$(window).resize(function(){ 
    var tempwidth=$(".vimeoiframe").width(); 
    var tempheight=tempwidth/1.25; 
    $(".vimeoiframe").css("height",tempheight); 
});

更好，因爲想法不是我所有的影片都有這方面的比例。

來源

2012-05-07 Daniel

你的jQuery髒固定工作對我來說很好，如果我可以這樣說。比使用插件做這麼簡單的事情要好得多。 – Lee

@lee我知道所有視頻都具有相同的寬高比，我也使用它而不是插件。 – Daniel

你應該看看這個jQuery插件，接縫這是爲你寫

FitVids.js

有關於它的CSS Tricks一整篇文章以及

Fluid Width YouTube Videos

而他.net magazine文章

Create fluid width videos

來源

2012-05-07 19:01:43 balexandre

非常感謝！存儲原始W/H數據的想法非常棒！ – Daniel

或者你可以使用百分比率，http://codepen.io/maxmckenzie/pen/hFzak視頻劑量不會在codepen出於某種原因加載。

來源

2013-10-10 09:40:47 max

Vimeo的視頻（或YouTube）的動態調整大小

回答

相關問題