video視頻自動播放失效問題

頁面初始化的時候調用video標簽的play函數即可

微信視頻播放的問題

需求是一個視頻在網頁中需要自動循環播放
開心的把pc端的代碼移到移動端，結果在微信中打開，嗯，視頻直接就沒顯示了，經過一番折騰，解決辦法

1、取消網頁全屏播放

在video標簽加上這一堆
 autoplay
 loop
 preload="auto"
 webkit-playsinline="true"
 poster=""
 playsinline="true"
 x5-video-player-type="h5"
 x5-video-player-fullscreen="true"
 x-webkit-airplay="allow" 
 x5-video-orientation="portraint"
 

說明：阻止視頻在移動端頁面中全屏播放https://www.jianshu.com/p/8c17967adee7 哈哈哈哈，都是百度來的，感謝度娘

2、微信中自動播放不生效

感謝這位大大iOS系統和微信中不支持audio自動播放問題的解決方法https://www.jb51.net/article/123315.htm

<script> 
 //一般情況下，這樣就可以自動播放了，但是一些奇葩iPhone機不可以 
 document.getElementById(‘idName‘).play(); 
 //微信必須加入Weixin JSAPI的WeixinJSBridgeReady才能生效 
 document.addEventListener("WeixinJSBridgeReady", function () { 
 document.getElementById(‘idName‘).play(); 
 document.getElementById(‘video‘).play(); //視頻自動播放
 }, false); 
</script>
 

拖拽

主要是在pc端有問題，pc端鼠標移動比較靈活，註意將mousedown事件綁在需要移動的div上，move事件和up事件則綁定在可拖拽的整個區域內，同時需要禁止事件冒泡
ps：有時候也會跟jquery或zepto版本有問題

日常采坑