动态调整Vimeo视频（或Youtube）的大小

Question

我在iframe中添加了一个带有css

的类

width:100%;
height:auto;

但不适用于身高。

任何比jquery脏修复更好的想法

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

由于并非所有视频都具有此宽高比。

Answer 1

你应该看看这个jQuery插件，为你写的接缝

  

FitVids.js

CSS Tricks上还有一篇关于它的文章

  

Fluid Width YouTube Videos

他的.net magazine文章

  

Create fluid width videos

Answer 2

或者您可以使用百分比率，http://codepen.io/maxmckenzie/pen/hFzak由于某种原因，视频无法在codepen中加载。