uniapp微信小程序跳转H5后video自动播放

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uniapp微信小程序跳转H5后video自动播放相关的知识,希望对你有一定的参考价值。

参考技术A 1.在跳转到H5上面 autoplay 无效。

2.网上搜索过各种方法,目前各大厂也需要用户点击方可播放,但是如果加上muted=true 静音播放,在跳转过来变可以自动播放了。

但是需要手动来开启声音。还是不推荐使用,通常处于用户体验,节省流量来考虑的话,一进来还是手动点击才人性化。最好尽量引导手动点击。

3.参考https://blog.csdn.net/qq_43628847/article/details/120706080

uniapp微信小程序video视频监听播放时间

uniapp微信小程序video视频监听播放时间

使用uniapp开发微信小程序,需要实现这样的需求

当我用户离开页面的时候,我就要记录下用户视频播放的那个地方

然后第二次进来,接着离开时候的地方播放

uniapp中video提供的方法是@timeupdate

 

具体代码这样呈现,看下面

 

函数代码这样呈现,看下面

	timeupdate(e) 
				console.log(e.detail);//currentTime: 32.698034, duration: 4786.121
				
				this.videoTime = e.detail.currentTime  //获取到的时间赋值给变量
			,

当你再做视频的时候,uniapp官方提供了很多方法

除了上面的监听事件的方法还有下面这个

initial-time   指定视频初始播放位置,单位为秒(s)。

initial-time  可能会遇到的问题解决方案在这里

uniapp微信小程序video标签指定播放位置(initial-time属性不生效)

以上是关于uniapp微信小程序跳转H5后video自动播放的主要内容,如果未能解决你的问题,请参考以下文章

H5:设置video自动播放

H5:设置video自动播放

uniapp h5跳转微信小程序(wx-open-launch-weapp)

uniapp微信小程序切换到tabber页面没有自动刷新

UniApp video 使用(自定义进度条,及微信无法暂停播放设置进度问题)

uniapp 微信小程序打包发布