Question

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

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

请帮忙。

提前致谢！

Answer 1

您提供了以下代码：

<iframe src="video/video1.mp4" width="100px" height="100px" allowullScreen></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甚至，并允许更大的控制。它还有一个更好的用户界面。

<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 ... >：将视频静音，以便不播放声音。

视频在Iframe中重复播放

2 个答案: