如何在iOS上自动播放HTML5 <video>和<audio>标签?

时间:2015-10-05 09:31:53

标签: javascript ios html5 audio video

我和我的团队正在努力使网络应用程序在 iPad 上自动播放HTML5视频/音频标签。到目前为止,在使用 CSS JavaScript 进行多次尝试后,没有运气。

  

问题是:有什么其他选择让它自动播放?

我认为带有 iOS API 的集成浏览器的原生应用会调用模拟触摸/点击,从而使视频/音频标签自动播放。

是否可能,如果是,iOS版本如何以及使用哪种?

由于

2 个答案:

答案 0 :(得分:4)

您无法在正常模式下在iOS上自动播放视频和音频,您可以使用模拟用户输入等技巧来自动播放视频和音频。

Safari HTML5 Audio and Video Guide

  

在iOS上的Safari(适用于所有设备,包括iPad)中,用户可能位于蜂窝网络上并按数据单元收费,因此会禁用预加载和自动播放。在用户启动数据之前不会加载任何数据。这意味着JavaScript play()和load()方法在用户启动回放之前也处于非活动状态,除非用户操作触发play()或load()方法。换句话说,用户启动的播放按钮可以工作,但是onLoad =&#34; play()&#34;事件没有。

这将播放电影:<input type="button" value="Play" onclick="document.myMovie.play()">

这在iOS上没有任何作用:<body onload="document.myMovie.play()">

答案 1 :(得分:0)

您是否在iOS设备上找到了自动播放视频的解决方案?如果没有,我只是找到解决方案here, you can use WeChat of iPhone to open it(仅支持iPhone的微信但不支持iPad微信),它使用video.js播放器,相关代码如下:

<video id="example_video_1" class="video-js vjs-default-skin" controls autoplay preload="auto" webkit-playsinline="true" x-webkit-airplay="true" width="750" height="460" poster="" data-setup="{}">

它还支持在iOS / Android / PC上无需全屏支持视频播放的解决方案。