[html5]视频直播在微信中自动播放的处理方法(附源代码)
[html5]视频直播在微信中自动播放的处理方法(附源代码),为了更加方便的准确判断网络状态,只判断微信和QQ内,无线网状态下自动播放视频
为了更加方便的准确判断网络状态,只判断微信和QQ内,无线网状态下自动播放视频:
因为微信限制了直播类视频的自动播放,我们需要做些特殊处理:
- //无线网自动播放:微信qq
- var netType = getNetType(),
- platformType = getPlatformType();
- if(netType == 'WIFI'){
- if(platformType != 'wechat'){
- document.getElementById('video').play();//非微信内没有限制,直接触发播放视频
- }
- wx.ready(function(){//微信内,必须需要等到wx jsapi加载完成之后才能执行播放视频的动作
- document.getElementById('video').play();
- //为防止开播失败,尝试在8s内不断请求开播
- var myVid=document.getElementById("video");
- var _now_time = Date.now();
- var play_interval = setInterval(function(){
- var _new_time = Date.now();
- if(_new_time - _now_time < 8000 && myVid.played.length == 1){
- document.getElementById('video').play();
- clearInterval(play_interval);
- }
- if(_new_time - _now_time >= 8000){
- clearInterval(play_interval);
- }
- },200);
- })
- }
来源:https://www.cnblogs.com/saysmy/p/6422678.html
热门文章推荐
- 10款html5网页播放器推荐(总有一款适合你)
- [html5]html5+css3实现图片斜角切成直角梯形显示的源代码
- [HTML5]HTML5视频video时间事件代码
- [微信]iOS苹果和微信中音频和视频实现自动播放的方法
- [html5]html5视频全屏实现的源代码
- [Html5]mobile-agent移动Agent,就是具有移动性的智能Agent
- [html5]视频播放器js控制vedio视频和分段播放
- [html5]H5播放器:竖屏播放\横屏播放\跟随旋转例子
请稍候...