jsp頁面播放視頻標籤及能移動,有聲音,但是沒有圖像問題解決

先說明一下出現的問題:

     做項目的時候客戶需要在頁面展示自己的宣傳視頻,直接給的視頻(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

重啓電腦後桌面:

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章