先說問題:
在做一個網(wǎng)站的時候,在電腦上測試視頻可正常的自動播放,用谷歌瀏覽器的模擬器測試移動端也可以正常播放。
但是換成手機(jī)真機(jī)測試的時候發(fā)現(xiàn)視頻無法自動播放。
再說解決方案:
使用JS讓相應(yīng)的視頻自動播放。
1:先給視頻添加ID:wapvideo(名字自己隨便取)
2:添加如下的JS代碼
//其他移動端瀏覽器只能讓用戶自己觸發(fā)
$(window).on('touchstart', function(){
$("#wapvideo")[0].play();
});
// 兼容微信(微信可以自動播放)
document.addEventListener("WeixinJSBridgeReady", function () {
$("#wapvideo")[0].play();
}, false);