作為一名程序小白,這是第一篇博客,目的在于記錄自己學(xué)習(xí)過程中遇見的問題,怎么去解決問題。
1、這是使用的視頻標(biāo)簽:
2、出現(xiàn)的問題:只有聲音沒有畫面
3、查閱資料總結(jié):
(1)視頻的格式是否支持:
目前html的video元素支持一下三種視頻格式:
MP4 : MPEG4 文件使用 H264 視頻編解碼器和AAC音頻編解碼器
WebM : WebM 文件使用 VP8 視頻編解碼器和 Vorbis 音頻編解碼器
Ogg : Ogg 文件使用 Theora 視頻編解碼器和 Vorbis音頻編解碼器
(2)瀏覽器是否兼容:
這三種格式的視頻,對(duì)于不同的瀏覽器,在兼容性上也有些許區(qū)別。并且對(duì)于支持的瀏覽器的版本也會(huì)有影響。
(3)我這里使用的是MP4格式的視頻,所以查閱發(fā)現(xiàn)html中只支持H264的編碼格式。
4、軟件轉(zhuǎn)碼嘗試解決問題
推薦使用 格式工廠 這款軟件進(jìn)行轉(zhuǎn)碼(這款軟件我在很早之前就使用了,體驗(yàn)感比較好,當(dāng)然肯定有其他更好的軟件,只是小黑皮我見識(shí)短淺,歡迎大家交流補(bǔ)充。)
格式工廠界面
選擇MP4
導(dǎo)入視頻
點(diǎn)擊輸出配置
視頻編碼選擇H264
點(diǎn)擊確定
點(diǎn)擊開始進(jìn)行轉(zhuǎn)換
成功解決問題
小黑皮只是一個(gè)小小小白,有錯(cuò)誤的地方歡迎大家指出,這也是學(xué)習(xí)的一種方式。小黑皮也希望學(xué)到更多。
?文章來源地址http://www.zghlxwxcb.cn/news/detail-719202.html
?文章來源:http://www.zghlxwxcb.cn/news/detail-719202.html
?
?
?
?
?
?
?
?
?
到了這里,關(guān)于HTML5中視頻標(biāo)簽學(xué)習(xí)中出現(xiàn)只顯示聲音而沒有畫面的情況。的文章就介紹完了。如果您還想了解更多內(nèi)容,請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章,希望大家以后多多支持TOY模板網(wǎng)!