<audio id="test" controls="controls">
<source src="1.mp3" type="audio/mpeg" />
<source src="1.ogg" type="audio/ogg" />
</audio>
js代码以dom加载播放视频
document.getElementById('test').load();
document.getElementById('test').play();
在浏览器中工作但在iPad中工作,我需要设置什么?
答案 0 :(得分:8)
根据apple的文档,音频/视频内容的加载和播放必须通过用户的操作触发:
在iOS上的Safari(适用于所有设备,包括iPad)中,用户可以使用 在蜂窝网络上,按数据单位收费,预加载和 自动播放被禁用。在用户启动数据之前不会加载任何数据。 这意味着JavaScript play()和load()方法也处于非活动状态 直到用户启动播放,除非是play()或load()方法 由用户操作触发。换句话说,用户发起的播放 按钮工作,但onLoad =“play()”事件不起作用。
这将播放电影:
<input type="button" value="Play" onClick="document.myMovie.play()">
这在iOS上没有任何作用:
<body onLoad="document.myMovie.play()">