欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 建站资讯 > HTML5页面中video播放有声音无图像的解决方法
这篇文章主要为大家详细介绍了HTML5页面中video播放有声音无图像的解决方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

     HTML5对MP4的支持是空前的,但是有的时候我们发现用html5 video播放mp4视频文件,网页上只有声音,没有图像,黑色的,如下图所示:

HTML5页面中video播放有声音无图像的解决方法

出现这样的我情况,不要急,大家跟随织梦模板网小编来看下具体处理办。

首先、用QQ影音播放器查看文件信息-编码信息,它是错误的

HTML5页面中video播放有声音无图像的解决方法

视频流信息里的编码格式是MPEG-4V的,而html5 video标签支持Ogg、MPEG4(mp4)、WebM三种视频格式,分别支持的视频编码如下:

  • MPEG4 - H.264视频编码、AAC音频编码

  • Ogg - Theora视频编码、Vorbis音频编码

  • WebM - VP8视频编码、Vorbis音频编码

第二步、正确MP4视频文件编码格式应该是这样的

HTML5页面中video播放有声音无图像的解决方法

我们可以用格式工厂把不能显示图像的mp4文件转码一下就可以了

HTML5页面中video播放有声音无图像的解决方法

完成。

以上就是HTML5页面中video播放有声音无图像的解决方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: html5 video 有声音无图像

上一篇网站SEO优化技巧之如何有效且快速地整理关键词

下一篇网站SEO优化中关于百度的SEO优化标准我们需要关注的4点内容

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在