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

【问题标题】：HTML5 autoplay video doesn't work in Mac/Safari?HTML5 自动播放视频在 Mac/Safari 中不起作用？
【发布时间】：2015-12-14 11:17:16
【问题描述】：

具有多种视频类型的简单 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”是我的变量，它知道浏览器窗口的像素宽度。

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。所以，仅限桌面。

【问题讨论】：

您应该添加属性 autoplay=true 以启用自动播放
developer.apple.com/library/safari/documentation/AudioVideo/…
stackoverflow.com/questions/4259928/… 的副本（另请参阅stackoverflow.com/a/12496184/1475148）。 TLDR；在 iOS 中无法自动播放。播放媒体需要用户输入。

标签： html macos video safari

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

【讨论】：