1

親 div のサイズが変更されているときにビデオのサイズを変更するにはどうすればよいですか?

    <div id="resizable" class="resizable" style="width:640px; height:390px; border:solid gray 1px" class="ui-widget-content">
    <object class="video" style="height: 390px; width: 640px;">
        <param name="movie" value="http://www.youtube.com/v/u1zgFlCw8Aw?version=3">
        <param name="allowFullScreen" value="true">
        <param name="allowScriptAccess" value="always">
        <embed class="video" src="http://www.youtube.com/v/u1zgFlCw8Aw?version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="390">
    </object>           
</div>

$( "#resizable" ).resizable();

http://deadwoodfilms.com/jquery/gallery/video.html

4

2 に答える 2

2

子要素の高さと幅を 100% に設定するだけです。

<object class="video" style="height: 100%; width: 100%;">
于 2012-07-02T23:46:04.403 に答える
0

それを処理する FitVids という jQuery プラグインがあります。

サイト: http://fitvidsjs.com/

github: https://github.com/davatron5000/FitVids.js

于 2012-04-28T02:45:50.217 に答える