javascript - 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上也有一篇关于它的完整文章

流体宽度 YouTube 视频

还有他的.net 杂志文章

创建流体宽度视频

Answer 2

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