视频在 iframe 中重复出现答案

【问题标题】：Video repeat itself in Iframe视频在 iframe 中重复出现
【发布时间】：2015-10-06 01:23:38
【问题描述】：

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

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

请帮忙。

提前致谢！

【问题讨论】：

你有没有尝试过任何你想与我们分享的东西？ iframe 中的内容与您来自同一个域还是来自其他网站？
包含 2 行文本、没有问号且不包含任何代码的问题非常不适合作为答案。
@Equalsk：视频来自同一个网站意味着来自同一个域
很好，至少这应该是可能的。到目前为止，您尝试过什么吗？查看this SO post 并弄清楚如何从 iframe 中获取播放器元素，然后从那里开始。
您能提供更多信息吗？就目前的情况回答这个问题几乎是不可能的，因为您没有提供任何我们可以查看和帮助您的信息。您使用的是什么代码？你一直在尝试什么？

标签： javascript html iframe video

【解决方案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>

【讨论】：

我只想让视频重演。
@SaurabhMahajan 如果没有更多信息，我们根本无法为您提供帮助。
是的，需要提供一些信息或视频，这样它才会重复。但是如何实现我想要的。请帮忙。
请帮我添加有问题的html
@SaurabhMahajan 我提供了一个可能的解决方案。请尝试一下，让我知道它是否有效。

【解决方案2】：

我认为最好不要使用 iframe 标签（用于显示网页而不是视频等内容），而是使用 HTML5 <video> 标签。这更好，因为它允许您轻松循环视频，甚至无需 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 ... > ：将视频静音，因此不播放声音。

【讨论】：