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>

UPDATE - 我知道标签缺少自动播放，但是在使用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。所以，仅限桌面。

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中不起作用？

1 个答案: