最新消息:雨落星辰是一个专注网站SEO优化、网站SEO诊断、搜索引擎研究、网络营销推广、网站策划运营及站长类的自媒体原创博客

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

运维笔记admin21浏览0评论

https://blog.csdn/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/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(); //如果页面存在,则重新刷新页面
						}
					})

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

发布评论

评论列表(0)

  1. 暂无评论