Question

我正在使用video.js。它效果很好，视频可以在所有浏览器中播放。

我遇到的问题是，当我在IE8中的同一页面上有2个视频时，只有一个可以正常工作。另一个只是视频应该是一个大的黑色矩形。当我删除其中一个视频的代码时，另一个工作正常。一旦我重新添加代码，1就会停止工作。

我可以使用哪种方法在IE中的同一页上播放多个视频吗？

Answer 1

您是否在视频对象ID中为每位玩家提供唯一的名称/字符串？这也适用于任何包含Flash后备的div或对象。

    <video id="video-id-1" class="video-js vjs-default-skin" controls
      width="960" height="540" poster="video-1-poster.jpg" data-setup="{}">
      <source src="video-1-file.mp4" type='video/mp4'>
    </video>

    <video id="video-id-2" class="video-js vjs-default-skin" controls
      width="960" height="540" poster="video-2-poster.jpg" data-setup="{}">
      <source src="video-2-file.mp4" type='video/mp4'>
    </video>

Answer 2

我遇到了一个非常类似的问题，结果发现videojs不会在隐藏元素中设置视频。我最终必须显示元素，但将其放在屏幕上，然后重置位置并在videojs初始化后再次隐藏它。

Video.js不适用于IE8中的2个视频

2 个答案: