ios6 / Safari上的HTML5视频标签自动播放

时间:2012-11-13 01:35:43

标签: html5 ios6 html5-video

我正在尝试构建一个可以轮流自动播放短视频(.mov)的网站。看起来没关系到HTML5,并且可以在PC上与Chrome配合使用。但是当在iPad上运行时,视频不会自动播放,并等待有人点击视频。有没有办法自动播放?我试图通过javascript调用,但它失败了。欢迎任何建议。我在iPad2上确认了ios6.01 ..

标签如下:

    <video id="vidWindow" controls="controls"
           autoplay="autoplay"  poster="images/rbc3d.png">
        <source src="videos/28497184.mp4"   />
            Your browser does not support the video tag.
    </video>

2 个答案:

答案 0 :(得分:1)

Apple故意禁用此功能(并且有充分理由)。 Safari参考库说明:

在iPhone OS上的Safari(适用于所有设备,包括iPad)中,用户可能位于蜂窝网络上并按数据单元收费,因此禁用自动缓冲和自动播放。在用户启动数据之前不会加载任何数据。这意味着JavaScript play()和load()方法在用户启动播放之前也处于非活动状态,除非用户操作触发play()方法。

答案 1 :(得分:1)

只需在视频代码中添加“ webkit-playsinline ”属性,然后执行以下javacript功能

function playVideo(){
   var video = document.getElementById("vidWindow");
   video.play();
}
playVideo();