7

cssでクラスをiframeに追加しました

width:100%;
height:auto;

しかし、高さには対応していません。

jqueryダーティフィックスよりも優れたアイデア

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

すべてのビデオがこのアスペクト比を持っているわけではないためです。

4

2 に答える 2

4

あなたのために書かれたこのjQueryプラグイン、シームを見てください。

FitVids.js

CSS Tricksにもそれに関する記事全体があります

Fluid Width YouTube ビデオ

そして彼の.net マガジンの記事

流れるような幅のビデオを作成する

于 2012-05-07T19:01:43.260 に答える
1

または、パーセンテージ比率を使用することもできます。http://codepen.io/maxmckenzie/pen/hFzak何らかの理由でビデオが codepen に読み込まれません。

于 2013-10-10T09:40:47.540 に答える