解决!html中使用video标签调用本地视频结果只有音频没有视频画面

初学html,发现video标签用了之后出来的还是音频,搜索之后,找到了原因以及解决办法,特来此记录一下。

原因:html中 video 标签支持的视频格式,一共支持三种格式: Ogg、MPEG4、WebM。但这三种格式对于浏览器的兼容性却各不同。

比如MP4格式,MP4只是一个容器,里面还有一个叫编码器的东西。格式虽然都是MP4但是html中只支持H.264的编码格式。所以要用软件来转码。
MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

就是说我虽然是MP4格式的视频,但是编码格式html不支持,所以还得转码

解决办法:用格式工厂来转码,安装包我已下好,在文章首页,需要的小伙伴可自行下载哦。

拿到安装包后,解压,双击运行,修改安装地址,下一步,安装完成之后去开始界面拖到桌面上,双击即可打开使用。

选择视频,选择MP4,在新弹出的对话框中,直接把要修改的MP4文件拖进来,选择输出设置,设置一下出书的转码格式,选择确定,然后在主页面选择开始,发现文件转码成功后,点击下载即可如下图所示:

最后就是把转码好的文件导入到html中,这个不用我多说吧,刷新一下页面就发现可以播放了呢。

  • 4
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值