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

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

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

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

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

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

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

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

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

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

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

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

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