【问题标题】:html5 video performance issue Internet Explorerhtml5 视频性能问题 Internet Explorer
【发布时间】:2014-10-12 17:48:18
【问题描述】:

我在 Internet Explorer 10(可能还有 9 和 11)中的 html5 视频存在一些问题。

问题是我同时播放多个视频。在 Firefox 和 Chrome 中没有问题。在IE中起初也没有问题。当我开始滚动时,问题就来了。然后视频被打乱了,时机也不好了。

有没有办法提高 IE 的性能?

谢谢!

【问题讨论】:

    标签: html internet-explorer video


    【解决方案1】:

    我怀疑你真的可以在这里做任何事情。添加的视频越多,速度就越慢 - 迟早在 Firefox 和 Chrome 中也是如此。

    使用老式的<object> 标记嵌入 Windows Media 文件可能会获得更好的性能,但该标记已过时,只能在 IE 中正常工作。

    您可以做的是通过 JavaScript 检查哪些视频对用户实际上是“可见的”(我假设用户在开始滚动时不会看到每个视频,他可能会看到其中的两/三个但不是更多)并暂停/删除当前不可见的视频。一旦用户向后滚动,您可以稍后动态地包含它们。这肯定会提高所有浏览器的性能。

    编辑

    所以你不需要任何声音。 GIF 更加过时了,但是,嘿,它们甚至可以在移动设备上使用。

    可能 Silverlight 是一个选项,仍然有表达式编码器可以转换视频并为您提供一个不错的默认播放器:

    http://www.microsoft.com/en-US/download/details.aspx?id=18974

    也许值得一试,至少它应该正确使用硬件加速。但也已过时,无法在移动设备上运行。

    另一个想法:始终使用“简单”编码配置文件和低分辨率/帧速率。这会损害质量,但仍会比 GIF 好得多,并且在解码时占用的 CPU 功率要少得多。根据您的编码工具,您将能够为 H.264 和 VC-1 视频编解码器进行配置。试试看吧。

    【讨论】:

    • 您好 Jan,感谢您的回复。所有视频都需要同时播放,因为视频之间存在交互。所有视频都可以在一页上可见,因此仅在可见元素上播放视频是不可能的。我想我要试试 标签。会告诉你它是否有效。
    • 您好 Jan,我已尝试将所有视频转换为 wmv,并使用老式方式在网页上显示。它仍然很慢,但它比 html5 视频表现更好。我正在考虑为 IE 使用动画 gif。文件比 WMV 大。你知道动画 gif 是否需要比 WMV 更好的性能吗?非常感谢!
    • 我已经制作了带有动画 GIF 的页面。一页有21个。当我使用 10 fps 时,页面加载正确。使用 15 fps 时,页面的性能仍然很差。微软继续努力,嗯!
    • 用更多的死亡/建议更新了我的答案
    • 嗨,Jan,感谢您分享您的想法,我没有时间继续开发该页面,它适用于动画 gif。使用 silverlight 的好主意,我会在下一个项目中尝试一下 :)
    【解决方案2】:

    对于 IE 10 或更低版本,我创建了一个带有动画 gif 的不同页面。 IE11等浏览器对html5视频有更好的表现。

    非常感谢微软,花了我几个小时来调试这个!

    【讨论】:

      猜你喜欢
      • 2012-06-27
      • 2015-04-20
      • 1970-01-01
      • 1970-01-01
      • 2011-10-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2012-02-05
      相关资源
      最近更新 更多