HTML视频代码无法在Safari浏览器

Question

Hiii Everyone，

        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浏览器中播放。为此我尝试了其他嵌入方式。它正在野生动物园中播放

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

但问题是，当我尝试使用视频标签时，它就像下图。

尝试使用embed标签后就像是

问题在于，尝试使用视频时，它与桌面的全宽和高度兼容，并且嵌入显示的尺寸非常小，而且不能连续播放。如果有人知道我的问题的解决方案。请帮帮我摆脱这个问题。谢谢。

Answer 1

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

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

Answer 2

它需要height add style =“min-height：300px”

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

Answer 3

你也应该在嵌入中尝试高度属性。我希望它能解决你的问题

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