聯 系 人:李總
聯系電話:13759574266
在線 QQ:89417157
郵箱:13759574266@qq.com
微信號:ynlongtou
地址:昆明市滇緬大道旁昆建路5號108智庫空間A座4樓
視頻上傳后自動視頻的代碼如下
<video class="edui-upload-video vjs-default-skin video-js" controls="" preload="none" width="420" height="280" src="/public/uploads//video/20230314/1584690225630534.mp4" data-setup="{}">
<source src="/public/uploads//video/20230314/1584690225630534.mp4" type="video/mp4"/>
</video>
最大的問題就是無法自動播放,并且限定了視頻寬和高,原本豎形的視頻變成了橫形視頻,只在中間一塊播放,另外就是在為手動點播放,未播放時無法加載視頻寬高、封面圖、播放時間等信息,那么就需要解決這個問題。
自動播放及自適應大小代碼實現
PC端相應簡單些,瀏覽器對<video>標簽的兼容還是很好的,但是想要在瀏覽器中當做Banner視頻自動播放就必須設置這些屬性來更好地實現;
<video muted autoplay="autoplay" loop="loop" x5-playsinline="true" playsinline="true" webkit-playsinline="true" x-webkit-airplay="allow" preload="auto" x5-video-player-type="h5" x5-video-player-fullscreen="true" >
<source src="indexMove.mp4" type="video/mp4">
</video>
同上面方法設置后,PC網頁就可以實現自動播放了。
移動端,好像這個代碼也可以實現,至少IOS13.4的safari瀏覽器可以那就先這樣吧。
更多云南龍頭科技有限公司網站案例請查看:http://www.www.charti.com.cn/case.asp?id=3
云南龍頭科技有限公司憑借多年的網站建設經驗,堅持以“幫助中小企業實現網絡營銷化”為宗旨,成功幫助多家中小企業實現互聯網信息化建設,得到了客戶的一致好評。如你有任何關于網站建設的疑問,請立即點擊咨詢云南龍頭科技有限公司資深營銷專家或撥打咨詢熱線:13759574266,我們會詳細為你一一解答你心中的疑難。

掃描關注官方微信