解決在html5頁面中嵌入視頻時只有聲音卻不顯示圖像的問題

mp4的視頻編碼有三種：MPEG4(DivX),MPEG4(Xvid),AVC(H264)

HTML5中并沒有指定視頻解碼器，它留給了瀏覽器來決定。雖然Safari和Internet Explorer9可以支持H.264格式(注：H.264是公認的mp4的標準編碼)的視頻，F(xiàn)irefox和Opera是堅持開源Theora 和Vorbis格式。因此，指定HTML5的視頻時，你必須提供這兩種格式。剛開始我以為視頻的格式不對，我嵌入的視頻是mp4格式的，可是試了好多次結(jié)果都一樣，只有聲音不顯示圖像，以前從沒遇到過這種情況，瞬間懵了。后來上網(wǎng)查了查，才知道原來視頻不光區(qū)分格式，相同的格式的情況下還區(qū)分編碼。就拿mp4格式的視頻來說吧，mp4有3種編碼，mpg4(xdiv),mpg4(xvid)，avc(h264)，這三種格式雖然在播放器里可以正常播放，但是mpg(xdiv),mpg4(xvid)這兩種格式嵌到html5頁面里的時候就會出現(xiàn)上述我說的那種情況，轉(zhuǎn)換成H264編碼就可以網(wǎng)頁正常播放了。可是如何給我們的視頻轉(zhuǎn)碼(轉(zhuǎn)換編碼)呢？下面我就介紹一下如何使用格式工廠來轉(zhuǎn)碼(之所以我介紹用格式工廠來轉(zhuǎn)碼是因為我覺得格式工廠的功能太強大了，不僅能轉(zhuǎn)換視頻的格式還可以剪輯視頻、音頻，竟然還可以轉(zhuǎn)換視頻的編碼，集多功能于一身)：

對于擴展名相同的視頻文件它們的視頻的編碼可能是不一樣的，如mp4格式的視頻的編碼就可能是mpg4(xdiv)或mpg4(xvid)或avc(h264)，在用格式工廠軟件進行視頻轉(zhuǎn)換時可以設置視頻的編碼格式。使用格式工廠將視頻轉(zhuǎn)換成AVC(H264)編碼，就能正常播放。

第一步：打開格式工廠軟件，這里我以把視頻轉(zhuǎn)換為mp4格式為例說明單擊[->mp4]按鈕

第二步：單擊[添加文件]按鈕

第三步：單擊選擇文件，單擊[打開]按鈕

第四步：單擊[輸出配置]按鈕

第五步：可以看到現(xiàn)在的“視頻編碼”右邊的值是“MPEG4（Xvid）”，單擊這一行，會出現(xiàn)下拉按鈕

第六步：點擊下拉按鈕，在彈出的下拉列表中選擇需要的編碼，如在這里我單擊選擇“AVC(H264)”，然后單擊[確定]按鈕

第七步：單擊[確定]按鈕

第八步：單擊[點擊開始]按鈕開始任務

然后導出來的視頻就可以再頁面里面正常播放了。