uni-app开发h5,用微信浏览器打开,视频自动播放

https://blog.csdn.net/qq591840685/article/details/109032295?utm_medium=distribute.wap_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-4.wap_blog_relevant_pic&depth_1-utm_source=distribute.wap_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-4.wap_blog_relevant_pic

我用的是最后一个方法,ios跟安卓还有网页都可以自动播放了

<video id="video" class="startVideo"
			src="https://taxi-test001.oss-cn-hangzhou.aliyuncs.com/videos/New%203D%20video-10-13-2.m4v?versionId=CAEQHRiBgMCs6szj4xciIGM4MTYyYjk5ZjExNzRiZTJiMTIxZTFhNWQ5NWJmYjZm"
			muted loop autoplay :enable-progress-gesture="false" :controls="false">
</video>

我这个是放在微信浏览器,首页视频静音,播放的

后面还有个页面,也有个视频需要自动播放,我把上面的逻辑放上去,ios手机还是不可以。百度说,貌似是第一个视频一直在播放,所以导致了,第二个视频不能自动播放。尝试打开新的页面就把第一个视频停止播放,或者把video组件隐藏,但是无效哈哈哈哈哈哈
最后,打开第二个视频页面之前,加了个刷新
嗯!!很有效!!!!

uni.navigateTo({
						url: "../tvc/tvc",
						success(){
							let page = getCurrentPages().pop();  //跳转页面成功之后
								if (!page) return;  
								window.location.reload(); //如果页面存在,则重新刷新页面
						}
					})

需要刷新该路由页面或者返回重新进入才自动播放。

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值