动态调整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 杂志上的文章

创建流体宽度视频