VideoJS - 嵌入式视频在 7 号之后不起作用

VideoJS - embedded videos not working after number 7

我有一个包含 10 个视频的页面。它们加载在彩盒灯箱中。

我正在使用标准的 videoJS 标记。 通过以下方式加载视频: <a href="#video1" class="inline">View</a></li>

和:

<div id="5ways" style="height: 348px"> <video id="5ways" class="video-js vjs-default-skin" controls preload="auto" width="618" height="348" data-setup="{}"> <source src="//contiki-downloads.s3.amazonaws.com/agent/training-tools/video/5ways_converted.mp4" type="video/mp4"> <source src="//contiki-downloads.s3.amazonaws.com/agent/training-tools/video/5ways_converted.WebM" type="video/webm"> <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> </video> </div>

最底部的 3 个视频(它们在 HTML 中的位置)将无法加载。视频 8、9、10 仅获取加载微调器。

视频的 markup/paths 没问题。我已经测试了这些 URL,它们工作正常。我还测试了注释掉其他一些视频标签,这会导致损坏的视频开始工作。

EG。如果我注释掉视频 1,视频 8 开始工作。 注释掉视频 2,视频 9 开始工作。 注释掉视频 3,视频 10 开始工作。

无论我执行此操作的顺序如何,都是如此。

VideoJS 最多只能嵌入 7 个视频。

有人有什么想法吗?或链接到已成功嵌入 7 个以上视频的页面?

正如我在 video.js 问题跟踪器中所说,您似乎达到了 Chrome 每个域的最大连接数。除了不使用 preload="auto" 之外,您还可以尝试在这个问题中提出建议,例如将视频传播到不同的域。您可以为您的 s3 存储桶设置多个 cname。

Increasing Google Chrome's max-connections-per-server limit to more than 6