1

我在网站上使用 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 回答