视频在Iframe中重复自身

Question

我在iframe中有一个视频（该视频来自我的域），我希望该视频在完成后可以重复播放。

<iframe src="video/video1.mp4" width="100px" height="100px" allowullScreen></iframe>

请帮助。

提前感谢！

Answer 1

您提供了以下代码：

<iframe src="video/video1.mp4" width="100px" height="100px" allowFullScreen></iframe>

为了让其重复出现，只需执行以下操作：

<video style="width: 100px; height: 100px" controls loop>
    <source src="video/video1.mp4" type="video/mp4">
    Your browser does not support playing this Video
</video>

Answer 2

我认为，最好使用HTML5 <video>标签，而不是使用iframe标签（用于显示不包含视频内容的网页）。这样更好，因为它使您可以轻松循环播放视频，甚至没有js，并且可以进行更大的控制。它还具有更好的UI。

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

这就是您所需要的！

编辑：

如果您想自定义视频，可能还有其他有用的属性：

[<video ... loop ... >：循环播放视频。

[<video ... autoplay ... >：自动开始视频。

<video ... controls ... >：在视频底部添加控件，以便用户可以播放和暂停视频等。

[<video ... muted ... >：将视频静音，因此不播放声音。