html5-video視訊標籤播放視訊實現過程中遇到的一系列問題。
阿新 • • 發佈:2019-02-08
問題一,video標籤支援視訊播放格式有限制;
一共支援三種格式: Ogg、MPEG4、WebM,但是這三種格式對於瀏覽器的相容性卻各不同。
問題二,三種支援的視訊檔案格式對瀏覽器的版本支援有限制;
格式
IE Firefox Opera Chrome Safari
Ogg No
3.5+ 10.5+ 5.0+ No
MPEG4
9.0+ No No 5.0+ 3.0+
WebM No 4.0+
10.6+ 6.0+ No
問題三,MP4視訊檔案播放時只有聲音沒有影象,視訊編碼格式問題引發,正確編碼方式如下;
MPEG4:檔案使用H264視訊編解碼器和AAC音訊編解碼器
Ogg:檔案使用VP8視訊編解碼器和Vorbis音訊編解碼器
WebM:檔案使用Theora視訊編解碼器和Vorbis音訊編解碼器
問題四,不支援video標籤的瀏覽器相關版本採用flash播放器播放不能邊下載邊播放,要視訊下載完成到本地後才開始播放;
FFMpeg轉碼由此得到的mp4檔案中, meta資訊是在檔案尾部的, 而 videoview 在沒有得到meta資訊前不會播放檔案,
因此只有等到檔案完全下載完視訊才會播放.
因此可以使用qt-faststart來把meta資訊移到檔案頭部. 用法: /usr/bin/qt-faststart inputfile outputfile
總結:以上資訊主要針對MP4格式的視訊檔案。