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小时内删除。
发表评论