Youtube 视频不会填满 Internet Explorer 11 中的帧

Question

所以我有这个 Youtube 视频，我正试图将它嵌入我的一个页面：http://www.rodypolis.com/videotest.html

以上链接指向包含视频的测试页面。在任何其他浏览器（Firefox、Chrome、Opera）上播放时，视频会按应有的方式填充帧，并且没有问题。

但是，我在 Internet Explorer 11 上尝试过此操作，但视频无法填满帧。相反，视频在框架内显示得非常小。我尝试了一些方法来修复它，但我不能。

您对为什么 IE11 不允许视频填满整个帧有任何想法吗？我怎么能强迫它？谢谢！

Answer 1

有一个名为 fitvids.js 的 jquery 插件可以满足您的需要。否则，只需使用 css 设置视频对象的样式，并为其指定宽度和高度。还有一个 youtube autoresizer 可用here（需要一分钟才能上来）

div#videocontainer{    
   max-width:80%;
   height: 400px;
   margin-left:auto;
   margin-right:auto;
   margin-top:50px;
   margin-bottom:50px;
}