在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>

三、还有一种就是我之前看到的一些大牛自己写的一些脚本,太久了记不住了,地址也找不到了,如果有看到的不要忘记下面留言~

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐