先說明一下出現的問題:
做項目的時候客戶需要在頁面展示自己的宣傳視頻,直接給的視頻(mp4格式),因爲要網上上傳後的地址是有廣告的,客戶不想要廣告,所以就只能直接把視頻放到項目裏,這樣就會沒有廣告,先寫jsp頁面的代碼,遇到的問題後面說:
2種方法:
1:ifame標籤嵌入 ---- 支持第三方視頻和本地項目視頻
<!-- 使用iframe嵌入本地視頻 -->
<div style="width: 500px;height: 380px;margin: 0px auto;">
<iframe width="500px" height="380px" src="video.mp4" frameborder=0 allowfullscreen></iframe>
</div>
<!-- 使用iframe嵌入第三方視頻(例如:優酷視頻、騰訊視頻、土豆視頻) -->
<div style="width: 500px;height: 380px;margin: 0px auto;">
<iframe width="500px" height="380px" src="http://player.youku.com/embed/ASSASS" frameborder=0 allowfullscreen> </iframe>
</div>
優酷通用的引用鏈接:http://player.youku.com/embed/
獲取優酷視頻ID的教程: 點擊我
2:<video>標籤 ------ 僅支持本地視頻
<!-- 使用video嵌入本地視頻 -->
<div style="width: 500px;height: 380px;margin: 250px auto;">
<video src="mda-ic3eip66u80zeutr.mp4" type="video/mp4" controls autoplay width="500px" height="380px" >
</video>
</div>
以上是全部代碼,然後下面開始說說出現的問題,我用了2這種方法放的是我項目裏的視頻,但是運行的時候,進度條能移動、也有聲音,但是就是沒有圖像,上網查了一下,說是需要解碼,經過測試,完美解決。下面提供解決辦法:
mp4的視頻編碼有三種:MPEG4(DivX),MPEG4(Xvid),AVC(H264),轉換成AVC(H264)編碼,就能正常播放,可以使用格式工廠轉換視頻格式。
有軟件可以直接轉,下載後直接安裝就可以,安裝完成後需要重啓一下電腦,用軟件直接轉碼,把轉碼後的視頻放到項目中,就可以播放了。完美解決。
軟件下載地址:https://download.csdn.net/download/l_s_r/11517390
重啓電腦後桌面: