【问题标题】:Youtube video won't fill frame in Internet Explorer 11Youtube 视频不会填满 Internet Explorer 11 中的帧
【发布时间】:2014-07-07 07:32:46
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: internet-explorer video youtube embed


    【解决方案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;
    }
    

    【讨论】:

    • “否则,只需使用 css 设置视频对象的样式”我无法完成这项工作。你能给我举个例子说明你会怎么写吗?简单地使用 CSS 将是我的首选方法,但无论我输入什么,它都不起作用。
    • @Rodolphe 我认为你应该包括 autoreziaer
    • @Rodolphe 首先,您在容器中使用 px - 总是一个坏主意 - 您应该使用百分比,例如 width:100%;高度:自动;
    • @Rodolphe 也使用 css 样式表而不是内联样式 - 将 css 完全放在一个文件中时,控制它会容易得多
    • 好的,添加了自动调整器。在 IE11 上仍然没有。还将嵌入宽度/高度更改为 100%
    猜你喜欢
    • 2023-03-03
    • 2016-09-16
    • 1970-01-01
    • 2016-05-06
    • 1970-01-01
    • 2014-11-01
    • 1970-01-01
    • 2012-06-27
    • 1970-01-01
    相关资源
    最近更新 更多