Question

加载页面时（点击index.html），视频无法播放。在击中F5几次之后它确实发挥了作用。每当我打开index.html文件时，视频几乎都不会播放。

加载时视频卡在第一帧上，就像图片一样。刷新1/2次之后，它会播放但不会在第一次加载时播放。

此问题出现在Google Chrome上。

在Firefox上，它适用于第一次加载。

在Internet Explorer上，它也适用于第一次加载。

<video id="vid" class="backvid" autoplay loop>
<source src="assets/vids/bg.mp4" type="video/mp4">
</video>

这是我用过的代码。我不知道如何发布这个问题的jsfiddle或片段，因为它包含一个视频。也许可以在加载时强制刷新视频，但我不知道如何编写代码。

Answer 1

List<string> dtList= new List<string> { "1", "5", "6", "10", "11", "15" };

由于某种原因，如果您添加<video id="vid" class="backvid" autoplay loop> <source src="assets/vids/bg.mp4" type="video/mp4"> </video> <style> .backvid{ display:none; } </style> <script> $(document).ready(function(){ $(".backvid").show(); }); </script>，它将起作用。

您必须使用.show()才能使此解决方案生效。

Answer 2

清除Chrome浏览器历史记录并再次检查。因为在我的浏览器中，我面临同样的问题，并在清除历史记录后我的视频

Answer 3

<script> 
    document.getElementById('vid').play(); 
</script>

您可以在</video>之后添加它以查看它是否有效吗？

HTML视频并非始终在Chrome中播放

3 个答案: