Question

我有全屏视频背景，这是我的代码：

<div id="video-container">
        <video id="video" autoplay loop>
            <source src="ocean.mp4" type="video/mp4">
            <source src="ocean.ogv" type="video/ogg">
            <source src="ocean.webm" type="video/webm">
        </video>
</div>

你怎么看它有自动播放attrubute，但在IPAD，IPHONE等..它不工作，直到你点击播放按钮，但当我为海报图像添加海报属性时，它工作：

<video id="video" poster="poster.jpg" autoplay loop>

但我不想要海报。我也尝试使用这个js代码但没有结果：

function startVideo(){ 
        var myVideo = document.getElementById('video'); 
        if ((myVideo.playing) || (myVideo.currentTime > 0)) { 
                // video is already playing 
        } else { 
                myVideo.play(); 
        } 
}   
window.document.body.onload = startVideo;

Answer 1

我猜iOS中不支持自动播放功能。查看此Apple文档：

通过蜂窝网络进行下载的用户控制

在iOS上的Safari（适用于所有设备，包括iPad）中，用户可以使用   在蜂窝网络上，按数据单位收费，预加载和   自动播放已禁用。

以下是文档link

使自动播放工作在IPAD和IPHONE上

1 个答案: