移動端遇到的問題小結--video

標籤：使用者   pre   問題   引導   mp4   lin   處理   一個   fit   

本篇主要是針對Android系統，所遇到的問題。

• 1. video的全屏處理：

　　這裡說的全屏是指標對瀏覽器的全屏，而不是整個手機的全屏。要想全屏效果只需對video標籤加   webkit-playsinline 。

　　但是這樣做會有一個問題：針對偏長的手機，視頻會出現置中的效果。針對這種情況，可以對video加屬性  object-fit:fill 

<video id="myvideo" src="test.mp4" webkit-playsinline="true" object-fit:fill></video>

• 2. video的自動播放：

　　自動播放是指頁面載入完畢後，視頻自動開始播放。但是目前而言，Android機是不支援這種自動播放的。

　　解決辦法：引導使用者觸發滑屏或者touch事件進行觸發 video.play()  進行播放

　　

 

移動端遇到的問題小結--video