javascript - HTML 视频标签在 Safari 浏览器中不起作用

Question

大家好，

        In my project.I tried with html5 video tag.Below is the code

HTML代码

<video autoplay loop muted poster="screenshot.jpg" id="v" width="100%" height="">
<source src="img/main.mp4" type="video/mp4">
</video>

它将在我的网站上连续播放。该视频无法在 safari 浏览器中播放。为此，我尝试以其他方式嵌入。它在 safari 中播放

 <embed src="img/main.mp4" width="100%" height="" autoplay loop muted id="v" >
</embed>

但是当我尝试使用视频标签时，问题出在哪里，如下图所示。

尝试嵌入标签后，它就像

问题是在尝试播放视频时，它与桌面的全宽和高度兼容，并且在嵌入时以非常小的尺寸显示并且无法连续播放。如果有人知道我的问题的解决方案。请帮助我摆脱这个问题。提前致谢。

Answer 1

您应该为标签添加controls="true"。 标签无法在iOS safari浏览器中自动播放，默认外观为无控件无播放按钮。

如果您不想使用默认控件，您可以创建自己的控件栏。使用 .play() .pause() 等方法控制视频。