HTML解决video标签播放视频看不见&能听到声音看不到画面等问题_百度文 ...
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 ⾳频编码
  看看效果

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。