Html5开发微信视频及夸克手机浏览器问题

1、video标签在更换src之后，需要执行load()方法，载入新视频。

this.video.src = src;
this.video.load();

2、在微信内置浏览器中，这段时间就会在video标签中显示上一个视频的最后一帧的画面所以需要在前一个视频播放完毕后隐藏video标签，再在切换src之后监听video.oncanplay，在触发该事件之后，再将相应的video标签显示出来，这样，就不会出现上一个视频的残留帧。

this.video.src = src;
this.video.load();
this.video.oncanplay = function(){_this.video.parentNode.style.display = "block";_this.video.width = GAME.stageWidth/2;_this.video.height = GAME.stageHeight/2;_this.video.play();
}

3、背景音乐自动播放会被浏览器阻止，所以需要默认显示为静音状态，再由用户交互触发播放。并且音频的play()方法会返回一个promise对象，如果需要监听是否播放成功，可以按如下进行操作。

GAME.bgsound.play().then(function(resolve){GAME.bgsoundplaying = true;},function(reject){GAME.bgsoudplaying = false;}
);

4、在某些手机浏览器，如夸克浏览器，监听video播放结束事件会出现问题

video.onended = function(){};
video.addEventListener("ended",function(){});

可以用以上方法，解决某些手机浏览器的视频播放结束监听问题

或者可以直接使用jQuery的on("ended",function(){});

Html5开发微信视频及夸克手机浏览器问题相关推荐

微信内置浏览器js选择默认浏览器，微信内自动访问手机浏览器的解决方案
微信内置浏览器js选择默认浏览器,微信内自动访问手机浏览器的解决方案参考文章: (1)微信内置浏览器js选择默认浏览器,微信内自动访问手机浏览器的解决方案 (2)https://www.cnblog ...
逆向android-让你也能开发微信的xposed插件-手机root（一）
逆向android-让你也能开发微信的xposed插件手机root 手机安装Magisk 开启root手机debugable功能,对所有应用进行断点调试学习smail语言基本语法通过断点调试,查 ...
html5跑分是什么意思,手机浏览器从“内核打假”到“HTML5跑分意义何在
手机浏览器从"内核打假"到"HTML5跑分意义何在 2012-09-05 15:30:22 来源:蚕豆网扫码可以: 1.在手机上浏览 2.分享给微信好友或朋友圈摘 ...
关于开发微信公众号获取手机用户运动数据的功能实现思路
一.前沿研究微信公众号开发文档,浏览后没有任何关于获取微信运动数据的接口 https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp144 ...
如何设置微信中链接用手机浏览器打开微信域名转跳手机浏览器
现如今微信对第三方推广链接的审核是越来越严格了,域名在微信中分享转发经常会被拦截,一旦被拦截用户就只能复制链接手动打开浏览器粘贴才能访问,要不然就是换个域名再推,周而复始.无论是哪一种情况都会面临一个 ...
微信jsApI及微信分享对应在手机浏览器的调用总结。
摘录自别人的博客: 第一篇:微信内置浏览器的JsAPI(WeixinJSBridge续) 之前有写过几篇关于微信内置浏览器(WebView)中特有的Javascript API(Javascript ...
10.8 富士康java开发微信视频面试（HR+技术面两个女面试官）
HR面自我介绍学校主修课程有哪些聊了一下简历上的写的项目.实习经历(大致描述了一下) 未来三年规划技术面数据库冗余和备份(答了个分库分表,直接说不会跳过了) stringbuilder和st ...
手机 html5评测,三款主流手机浏览器HTML5性能横向评测
到目前为止带给大家更多的是一种神秘感,我们并未看到很多以HTML5为主的网站在我们生活中出现,正是因为这份神秘感让我们想对HTML5进行一次深入的探秘,去了解一下什么是HTML5,并且HTML5究竟应 ...
百度浏览器支持html5,百度手机浏览器完美驾驭HTML5
8月17.18日,由百度主办,Adobe.W3C协办的Test The Web Forward (简称TTWF)2013上海站开发者活动举办,百度技术委员会理事长陈尚义.W3C HTML联合主席Pau ...

Html5开发微信视频及夸克手机浏览器问题

Html5开发微信视频及夸克手机浏览器问题相关推荐

最新文章

热门文章

Html5开发 微信视频及夸克手机浏览器问题

Html5开发 微信视频及夸克手机浏览器问题相关推荐

最新文章

热门文章

Html5开发微信视频及夸克手机浏览器问题

Html5开发微信视频及夸克手机浏览器问题相关推荐