vue, H5 浏览器 播放器video 嵌入APP(andriod,IOS) 首次有声音自动播放 处理

浏览器播放器首次有声音播放

Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first. https://goo.gl/xX8pDD

方法一:

可以设置自动播放autopaly,muted静音播放,首次播放有效。如果不是静音无效。

方法二:H5访问数据结束后通知app,app再调用H5的函数触发click事件播放视频,不需要静音就可以首次自动播放视频。(移动端浏览器支持有声音自动播放,APP内嵌H5支持有声音自动播放。)

西瓜播放器,设置autoplay: true

Vue

1. 在界面设置一个标签,用于触发click事件。标签内不设置任何文本。类似一个隐藏效果。设置@click, v-trigger , v-if

toggle为自定义的方法,showTarget是在vue的data中声明的boolean类型变量

2.

你可能感兴趣的:(前端,vue,js,ios,android,视频播放器)