当前video,支持三种视频格式

 

<video src="movie.ogg" controls="controls">
</video>

上面的例子使用一个 Ogg 文件,适用于Firefox、Opera 以及 Chrome 浏览器。

要确保适用于 Safari 浏览器,视频文件必须是 MPEG4 类型。

video 元素允许多个 source 元素。source 元素可以链接不同的视频文件。浏览器将使用第一个可识别的格式:

文档明确指出:Internet Explorer 8 不支持 video 元素。在 IE 9 中,将提供对使用 MPEG4 的 video 元素的支持。

 so,

这个网站给出了一个还不错的插件:http://html5media.info/

html5media就是一个能让这两个标签在旧版IE浏览器中全面兼容的JavaScript类库。

html5media是一个很给力的JavaScript类库,它不依赖于任何JavaScript框架。使用了html5media之后,当浏览器不支持HTML5时,它将会自动切换成Flash模式的Flowplayer播放器。虽然,目前web播放器很多,但处理代码上并不简洁。

使用html5media让IE6/7/8浏览器支持HTML5的audio和video标签

如何启用<视频>和<音频>标签在所有主要浏览器吗,(注意所有主要浏览器,主要是关键点,不是所有浏览器版本)

第一步,让HTML5视频和音频标签在所有主要浏览器工作,简单地添加以下行代码在<头>你的文档。

<script src="//api.html5media.info/1.2.2/html5media.min.js"></script>

第二步,正确书写我们的视频or音频代码即可。

<!-- 视频媒体标签 -->

<video src="uiej.com.mp4" width="800" height="600" controls preload></video>

<!-- 音频媒体标签 -->

<audio src="uiej.com.mp3" controls preload></audio>
这个是我的代码

我在360的兼容模式下(默认的)测试,显示的是cat.mp4。

ie,9,10,11测试皆正常

ie8下只是显示flowplayer这个控件,但并不播放视频,不知道什么原因。


posted on 2017-11-02 15:57  admina  阅读(2520)  评论(0编辑  收藏  举报