HTML5 视频不自动播放答案

【问题标题】：HTML5 Video not autoplayingHTML5 视频不自动播放
【发布时间】：2015-05-14 16:19:12
【问题描述】：

接受 MIME 类型，我已检查。

这是它的样子：https://trello-attachments.s3.amazonaws.com/5441bde46b6fcb86daf55d73/594x351/122b8cad9f5824c44fa25fb242569312/upload_5_14_2015_at_5_10_18_PM.png

这里是有问题的网站（转到菜单中的动画）：www.ivocunha.com

这是我正在使用的代码：

<video width="100%" height="100%" controls autoplay loop class="bl-box fancybox-effects-d" title="Walk">
                          <source src="img/animation/walk.mp4" type="video/mp4">
                          Your browser does not support the video tag.
                        </video>

为什么不自动播放？

【问题讨论】：

明确一点，当用户点击播放按钮时它会播放吗？
hmmm - 该代码适用于我使用绝对路径ivocunha.com/img/animation/walk.mp4
您在哪些浏览器中测试过？自动播放是否适用于其中任何一个？
我找到了this question，上面写着“移动浏览器通常会忽略此属性（...）”
这种行为适用于所有主流浏览器：chrome，即firefox（稳定频道）。测试全部在完整版中完成，而不是移动版。

标签： html video autoplay

【解决方案1】：

首先，您使用部分标签来包装视频，您不应该将部分用于没有标题的内容。它不是包装器。

至于您的视频，请删除自动播放，因为它们从外观上看是自动播放的，但在您的视频标签中使用自动播放会触发页面条目的自动播放，并且它们都在同时播放。

然后您想使用您的 jquery 并创建一个悬停时将播放您的视频并在退出时暂停它。您的代码似乎根本没有在您的网站上这样做，而是它唯一的触发点。

我会阅读这篇文章，以便您了解如何正确使用该 API。

https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video

【讨论】：

您好，感谢您的友好回答。 1）我尝试删除部分标签，对我想要的格式没有帮助。我需要他们。 2）删除自动播放也不会使其自动播放。即使它们同时播放，也不会令人烦恼，因为它们上面都有图像，当您将鼠标悬停在其上时会消失（然后可以查看视频）。 3）我会检查这个 jquery 的东西，并在我可以的时候回复这里。但到目前为止，没有任何东西可以用 html5 解决这个问题，这正是我想要的……谢谢你的链接，我现在正在检查。
1.抱歉，您似乎不明白，如果您在一个部分中没有标题标签，那么您不应该使用部分标签来格式化您的代码是错误的，那么它是不正确的。 2. 它是否让您烦恼并不重要，因为您有大量视频试图同时在浏览器中运行。并将极大地影响用户。您已经在浏览器中缓存了该网站，您可能甚至都没有注意到它。