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

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

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

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

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

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

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

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

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

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

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

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

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