首页 前端知识 HTML5中视频标签学习中出现只显示声音而没有画面的情况。

HTML5中视频标签学习中出现只显示声音而没有画面的情况。

2024-05-28 09:05:09 前端知识 前端哥 293 138 我要收藏

作为一名程序小白,这是第一篇博客,目的在于记录自己学习过程中遇见的问题,怎么去解决问题。

1、这是使用的视频标签:

2、出现的问题:只有声音没有画面

3、查阅资料总结:

(1)视频的格式是否支持:

目前html的video元素支持一下三种视频格式:

MP4 : MPEG4 文件使用 H264 视频编解码器和AAC音频编解码器

WebM : WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器

Ogg : Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

(2)浏览器是否兼容:

这三种格式的视频,对于不同的浏览器,在兼容性上也有些许区别。并且对于支持的浏览器的版本也会有影响。

(3)我这里使用的是MP4格式的视频,所以查阅发现html中只支持H264的编码格式。

4、软件转码尝试解决问题

推荐使用 格式工厂 这款软件进行转码(这款软件我在很早之前就使用了,体验感比较好,当然肯定有其他更好的软件,只是小黑皮我见识短浅,欢迎大家交流补充。)

格式工厂界面

选择MP4

导入视频

点击输出配置

视频编码选择H264

点击确定

点击开始进行转换

成功解决问题

小黑皮只是一个小小小白,有错误的地方欢迎大家指出,这也是学习的一种方式。小黑皮也希望学到更多。

 

 

 

 

 

 

 

 

 

 

 

转载请注明出处或者链接地址:https://www.qianduange.cn//article/9884.html
标签
音视频
评论
会员中心 联系我 留言建议 回顶部
复制成功!