无法使用 <video> 标签内的自动播放循环功能播放视频答案

【问题标题】：Unable to play a video using autoplay loop features inside <video> tag无法使用 <video> 标签内的自动播放循环功能播放视频
【发布时间】：2023-02-02 20:05:17
【问题描述】：

我正在使用一个视频标签，其中我从 Pexel 下载了一个延时视频，并将 mp4 文件包含在 VS Code 文件夹中。在我输入自动播放后，在视频标签内循环，视频没有播放。这是代码：

    <video width="320" height="240" autoplay loop>
       <source src="Flower.mp4" type="video/mp4" />
       Your browser does not support the video tag.
    </video>

视频保持静止。视频标签可能有什么问题？视频标签的格式好吗？我也确实这样输入：

   <video autoplay loop src="Flower.mp4"></video>

但是正在显示相同的旧结果，即视频是静态的。请建议在这里应该做什么。

【问题讨论】：

标签： html html5-video

【解决方案1】：

该问题可能是由于浏览器不支持的视频格式造成的。您能否尝试将视频转换为不同的格式，例如 H.264 或 WebM，看看它是否有效？此外，请确保视频文件位于视频标签的“src”属性中指定的正确路径中。如果视频文件仍未播放，请尝试将“controls”属性添加到视频标签，以检查问题是否出在自动播放和循环属性上。

&lt;video autoplay loop controls src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4"&gt;&lt;/video&gt;

通过添加“控件”属性，您可以检查问题是否与自动播放和循环属性有关，或者视频文件是否根本无法播放。

【讨论】：

嗨恩里克，谢谢你的帮助。它正在工作，但为此我必须去播放它，然后从那里开始循环自动播放。