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）的动态调整大小

回答

相关问题