重慶潤雪科技有限公司(2008年至今),專注于網站建設、網站制作、網頁設計、小程序開發、公眾號開發、app開發的技術服務商。
每一步都修改到滿意后在付款,用價格、質量、服務說明一切。
日期:2021-05-27 15:16 瀏覽量:5749
前兩天接了一個微信公眾號開發一套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>