在H5中 视频音频是不能用直接加载完自动播放的
解决方法:
一、需要用按钮执行下操作:
知识点:js控制媒体
play()播放
pause()暂停
load()重新加载
如下例代码:
<audio id="aud" src="../images/25a6_b1be_6839_45fbf93c9a2711793f685617c824bdd7.mp3" controls autoplay ></audio>
<button onclick="show_video()">开始</button>
<button onclick="stop_video()">暂停</button>
<script>
//获取播放标签的ID
var x = document.getElementById("aud");
//开始按钮
function show_video() {
x.play();
console.log('开始播放');
// 当播放完成时执行的函数 此处的 aud 是绑定音频的ID
aud.onended = function () {
console.log('完成');
}
}
//暂定按钮
function stop_video() {
x.pause();
}
</script>
注意:
如果不想有触发事件,直接执行的话,那么会报一行错误:
Uncaught TypeError: $(…).play is not a function
特别注意:不能套用定时方法,可能你在电脑上或部分手机没有问题,但是苹果自带及QQ浏览器等是失效的!!!
当然如果有大神解决了,下方留个言,诚心请教~
二、如果你只想让视频自动播放,可以接受***没有声音***,那么直接加上 muted 属性即可:
<video id="vid" src="__STATIC__/img/67f0dc8750e38b3499c46040a72829.mp4" autoplay='autoplay' muted='muted'></video>
三、还有一种就是我之前看到的一些大牛自己写的一些脚本,太久了记不住了,地址也找不到了,如果有看到的不要忘记下面留言~