HTML 解決video標簽播放視頻看不見&能聽到聲音看不到畫面等問題


要播放視頻首先確保以下幾點是正確的

 

1:  確保輸入的標簽內容是完整的 

  ①src路徑地址是對的,不要少了什么.mp4后綴等

    ②autoplay=""  是否設置了自動播放

    ③muted=""   是否是靜音播放的(谷歌瀏覽器貌似不寫靜音屬性,會不顯示視頻)

<video src="./video/ffxcp2.mp5" controls="controls"  autoplay="autoplay" muted="muted"></video>

 

 

2:  確保視頻源是正確的可識別的格式

   推薦:MP4

  常用格式          支持的瀏覽器 

  ①MP4       ( Chrome(谷歌) , Firefox(火狐) , Opera(歐鵬) , Safari(蘋果瀏覽器) ,IE )

  ②WebM              ( Chrome , Firefox ,  Opera)

  ③Ogg                              ( Chrome , Firefox ,  Opera)

 

 

3:  編碼設置:

  使用格式轉換工具時,應使用如下格式編碼,否則有較大概率出現 : 畫面看不到,有聲音看不到畫面等問題.

  1:  MP4  使用 H264 視頻編碼 & AAC 音頻編碼 

 

  

 

 

  2:  WebM   使用 VP8 視頻編碼      & Vorbis 音頻編碼

  3:  Ogg    使用 Theora 視頻編碼 & Vorbis 音頻編碼

 

 

 

 

  看看效果

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM