使用HTML5视频播放器获取空白屏幕

Question

我试图在我的网站上显示10-20个短片。下面的代码是我用来显示视频的代码。如果我只需要显示1-4个视频，它就可以很好地工作。但是，如果我试图同时显示10-20个视频，则其中一些视频会改为黑屏。我试图在不同的浏览器上测试它。只有Firefox能够毫无问题地完美显示它们。

<video controls="controls" class="gif_vid" width="auto" height="auto" autoplay="autoplay" loop="" poster="trans.gif"><source src="http://zippy.gfycat.com/ImprobableCornyFunnelweaverspider.mp4" type="video/mp4"><source src="http://zippy.gfycat.com/ImprobableCornyFunnelweaverspider.mp4" type="video/webm"></video> 

Answer 1

似乎有点奇怪，我只是试着复制粘贴你的代码20次，它运行没有任何问题。为了确保他们没有加载打开开发者控制台并检查网络状态。它应该给你更多关于他们为什么不显示或为什么需要这么长时间的信息。