为啥 Chrome浏览器用<video>播放视频没有画面就只有声音,IE就可以。

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了为啥 Chrome浏览器用<video>播放视频没有画面就只有声音,IE就可以。相关的知识,希望对你有一定的参考价值。

目前各大浏览器对html5的一些特性支持很奇怪,video就是其中一个,根据w3c的参考文档,video目前只支持三种视频编码格式,分别是ogg,mpeg4,weebm。

以上三种编码格式,各大浏览器对其支持程度如下所示:

格式 IE Firefox Opera Chrome Safari

Ogg No 3.5+ 10.5+ 5.0+ No
MPEG4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
其中,三种音频格式分别解释如下:
Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件
MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件
WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件
因此,你使用的chrome浏览器不支持你所播放的视频编码,而ie则支持。就会出现这种情况
参考技术A 网站插件的问题,不支持Chrome浏览器。追问

网站插件?? 这是我自己写的

追答

换个插件,或者简单测试一下这个插件在Chrome浏览器中,Chrome好多版本。

android 浏览器用的WebView, 乱码问题

在预定义好的HTML文件(后缀可能千差万别,但是格式一样的)里加上

<meta charset="utf-8">

即可。

<html>
<head>
<title>...</title>
<meta ... />
<meta charset="utf-8">
<style type="text/css">

* {
    padding: 0;
    margin: 0;
}

h3 {
    text-align: center;
    margin: 5px 0 5px 0;
}
....

</style>

</head>
<body>
    <h3>...</h3>
...
    </ul>
</body>
</html>





























以上是关于为啥 Chrome浏览器用<video>播放视频没有画面就只有声音,IE就可以。的主要内容,如果未能解决你的问题,请参考以下文章

chrome浏览器360浏览器图片无法加载提示等待可用套接字问题

解决chrome浏览器不支持audio和video标签的autoplay自动播放

具有 CSS opacity 属性的 <video> 仅在 Chrome 54 for Mac 上显得异常暗淡

html5<video>解析m3u8播放视频

新闻红芯国产浏览器用Chrome造假?创始人:站巨人肩膀上创新

chrome如何设置视频自动播放