我有一个包含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个视频的页面?
答案 0 :(得分:1)
正如我在video.js问题跟踪器中所说的,看起来你的每个域都达到了Chrome的最大连接数。除了不使用preload="auto"
之外,您还可以尝试此问题中的建议,例如将视频传播到不同的域。您可以为s3存储桶设置多个cnames。
Increasing Google Chrome's max-connections-per-server limit to more than 6