前兩天接了一個微信公眾號開發一套H5活動項目，主要是后臺上傳各種視頻、文章、文物，然后用戶可以對這些視頻等進行點贊，最后進行統計的出排名的一個小項目，但是在開發過程中，當用戶打開詳情頁的時候，需要視頻進行自動播放，本來是停簡單的一個功能，但是在開發過程中視頻雖然自動播放了，居然會自動全屏播放，這對用戶體驗來說就不是很友好，下面直接貼代碼：

自動播放功能需要js實現，經過測試ios和安卓都是可以的

$(document).ready(function() {
 document.addEventListener("WeixinJSBridgeReady", function() {
  document.getElementById("video").play();
 }, false);
})

防止自動播放的時候視頻自動全屏：

<video id="video" controls="controls" autoplay webkit-playsinline='true' playsinline='true'x-webkit-airplay='true' x5-video-player-type='h5' x5-video-player-fullscreen='true'x5-video-ignore-metadata='true' preload='auto'>
 <source src="i/47ebb5fd949ea023c763c809b9f946b3.mp4" type="video/mp4" />
</video>