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 音频编码

 

 

 

 

　　看看效果