走进安卓的重灾区----video( 二 )


区分设备
由于video在ios下表现良好,所以做兼容的时候,可以通过 userAgent 来做分别做处理 。如:
var vi = document.getElementsByTagName('video')[0];var ua = navigator.userAgent;if(ua.indexOf('iphone') <= -1){ shakeWrap.show(); if(!firstVideoLoad){ vi.currentTime = 0; vi.start = 0; vi.play(); } vi.addEventListener('playing',function(){ firstVideoLoad = false; $('.guide').hide(); })}else{ vi.play(); }}微信固定入口的一些奇特bug

  1. 必须要等到微信的jsbridge ready了才能触发.play,否则不会自动执行 。
document.addEventListener("WeixinJSBridgeReady", function() {$("#video")[0].play(); });2.在固定入口内,且 jsbridge ready 了,如果使用摇一摇,也无法触发 .play 。需要在摇一摇之前预先加载如下:
document.addEventListener("WeixinJSBridgeReady", function() { var vi = document.getElementsByTagName('video')[0]; vi.load();vi.pause();window.addEventListener('devicemotion', deviceMotionHandler, false);});3.微信固定入口在没有使用jsbridge,而是通过点击来播放的点击事件,只能是click事情,不能是touchstart事件 。
走进安卓的重灾区----video

文章插图
 
作者:winty
链接:https://juejin.im/post/5d8046345188253849631aa6

【走进安卓的重灾区----video】


推荐阅读