解決在html5頁(yè)面中嵌入視頻時(shí)只有聲音卻不顯示圖像的問(wèn)題

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

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

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

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

第二步：?jiǎn)螕鬧添加文件]按鈕

第三步：?jiǎn)螕暨x擇文件，單擊[打開(kāi)]按鈕

第四步：?jiǎn)螕鬧輸出配置]按鈕

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

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

第七步：?jiǎn)螕鬧確定]按鈕

第八步：?jiǎn)螕鬧點(diǎn)擊開(kāi)始]按鈕開(kāi)始任務(wù)

然后導出來(lái)的視頻就可以再頁(yè)面里面正常播放了。