VideoJS - 嵌入式视频在7号之后无效

时间:2015-06-08 12:42:46

标签: colorbox video.js

我有一个包含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刚刚获得加载微调器。

视频的标记/路径没有任何问题。我测试了URL,它们工作正常。我还测试了一些其他视频标签的评论,导致破损的视频开始工作。

EG。如果我评论视频1,视频8开始工作。 评论视频2,视频9开始工作。 评论视频3,视频10开始工作。

对于我这样做的任何顺序都是如此。

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

有人有任何想法吗?或链接到已成功嵌入超过7个视频的页面?

1 个答案:

答案 0 :(得分:1)

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

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