HTML5 自动播放视频在 Mac/Safari 中不起作用？

Question

具有多种视频类型的简单 HTML5 视频标签，但 Mac/Safari 中仅显示海报。我错过了什么？

<video poster="~/images/image.jpg" preload="none">
    <source src="myvideo.mp4" type="video/mp4" />
    <source src="myvideo.webm" type="video/webm" />
    <source src="myvideo.ogv" type="video/ogg" />
</video>

更新 - 我知道标签缺少自动播放功能，但这是在使用 JQuery 之后卡住的。 "viewport" 是我的变量，它知道浏览器的像素宽度 window。

if (viewport >= 768 && $(".videoInline video")[0]) {
    $(".videoInline video")[0].load();
    $(".videoInline video")[0].autoplay = true;
    $(".videoInline video")[0].loop = true;
    $(".videoInline video").get(0).play();
}

更新 2 - 澄清一下，这不是 iOS，而是如上所述的 Mac/Safari。所以，仅限桌面。

Answer 1

我认为您缺少自动播放属性：

<video controls autoplay>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

HTML5 自动播放视频在 Mac/Safari 中不起作用？

HTML5 autoplay video doesn't work in Mac/Safari?

html

safari

macos

video