1

Web サイトで jQuery、boostrap、mediaelements を使用しています。あまりにも派手なことはありません..このコードは、私がチェックアウトしたすべてのブラウザーで正常に動作しますが、IE8 ではビデオをスケーリングしません。

<div class="row-fluid">
<div class="span12">
<video preload="none" width="100%" height="100%">
<source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video> 
</div>
</div>

何が原因でしょうか? 必須のスクリーンショットは次のとおりです: http://postimage.org/image/6q75jwc8b/

4

1 に答える 1

1

私は自分でそれを理解しました。ビデオサイズを設定する必要があります。次に、CSS で width:100% と height:100% を使用できます。上記の例の場合、これは次のようになります。

<head>
<style>
video {
    width:100%;
    height: 100%;
}
</style>
...
</head>
...

<div class="row-fluid">
<div class="span12">
<video preload="none" width="960" height="540">
<source type="video/youtube" src="http://www.youtube.com/watch?v=nOEw9iiopwI" />
</video> 
</div>
</div>

多分これは他の人にも役立つでしょう！

于 2013-01-18T08:46:48.283 に答える