西瓜播放器xgplayer设置自动播放

前言：

用西瓜播放器xgplayer做rtsp直播流的播放，想要在页面加载时自动播放。
设置autoplay:ture,muted:ture,嘿没有成功！
在网上找了半天，设置手动触发play.play()，修改参数，都没有用.
最后在某个网友的评论里面找到了怎么设置自动播放，当场惊呼太强了。
一是因为文档里面完全没有这个属性，
二是因为找了半天网友都没有说怎么设置自动播放，
三是为什么别的播放插件只要设置autoplay:ture,muted:ture,就可以自动播放了，这个西瓜播放器插件不行啊摔桌！，还要设置autoplayMuted: true。

自动播放设置：

autoplay: true,
autoplayMuted: true,

自动播放失败后，尝试自动播放：

this.player.once('complete', () => {console.log('complete')try {this.player.play() // 尝试再次执行播放setTimeout(() => { // 500毫秒收检测if (!this.player.hasStart && this.player.currentTime ===0) { // hasStart返回false，并且播放时间还是0，那么就可以认为自动播放失效了isAutoPlay = false;}}, 500)} catch (e) {console.log(e);}
})

西瓜播放器xgplayer设置自动播放相关推荐

H.265视频流媒体EasyPlayer播放器无法禁用自动播放的问题修复
H.265视频流媒体播放器EasyPlayer是TSINGSEE青犀视频推出的一款开放性和功能性都十分强大的播放器.EasyPlayer不仅支持RTSP.RTMP.HTTP.HLS.UDP.RTP.F ...
微信H5同层播放器以及视频自动播放
iOS之前已经解决了视频播放默认全屏,且浮在页面最顶端的问题 playsinline webkit-playsinline 这样就可以在视频之上进行一些操作,实现诸如弹幕.自定义播放控件等的效果. 但 ...
h5播放器playbackRate设置当前播放速度实现倍速播放
定义和用法 playbackRate 属性设置或返回音频的当前播放速度. 浏览器支持所有主流浏览器都支持 playbackRate 属性. 注意:Internet Explorer 9及更早IE版本 ...
vue - vue中使用西瓜播放器xgplayer
1,安装 # 最新稳定版 $ npm install xgplayer对于已有项目也可以通过 CDN 引入,代码如下: <script src="//unpkg.byted-stati ...
自动点击器如何设置最快_微视APP如何设置自动播放视频-微视APP设置自动播放视频的方法...
微视APP是一款功能实用的短视频软件,在手机上安装这款软件之后就可以在使用手机的时候点击打开微视,查看一些自己感兴趣的视频,现在很多视频应用都是采用滑动的方式来进行切换视频,如果用户的手不方便进行滑动 ...
Vcastr 2.2 flv 网络播放器参数设置
Vcastr 2.2 flv 网络播放器参数设置参数名称参数说明默认值 vcastr_file 方法2传递影片flv文件地址参数,多个使用|分开空 vcastr_title 影片标题参数,多 ...
PotPlayer 播放器美化设置
PotPlayer 播放器美化设置测试软件:PotPlayer 播放器测试时间:2022年2月21日测试平台:Windows 10 PotPlayer 播放器 PotPlayer播放器作为一 ...
苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集
声明:除特殊声明外本站文档均由作者原创,转载请注明出处,原文地址:苹果cms整合dplayer播放器增加记忆+P2P播放+自动下一集今天给大家分享下给dplayer播放器增加记忆+P2P播放+自动下 ...
php ppt自动播放,ppt如何循环播放，ppt如何添加视频设置自动播放(ppt转换成视频)...
演示文稿制作软件Microsoft Office PowerPoint,主要用于演示文稿的创建,即幻灯片的制作.可有效帮助演讲.教学,产品演示等,使用范围广泛.大家应该都比较熟悉吧.学习使用PPT,使 ...

西瓜播放器xgplayer设置自动播放

前言：

自动播放设置：

自动播放失败后，尝试自动播放：

西瓜播放器xgplayer设置自动播放相关推荐

最新文章

热门文章