阅读排行

video.js播放mp4文件

HTML5的标签 video 支持的mp4编码为视频编码 H.264 音频AAC

参考网址

http://www.w3school.com.cn/html5/html_5_video.asp

视频格式

当前，video 元素支持三种视频格式：

格式	IE	Firefox	Opera	Chrome	Safari
Ogg	No	3.5+	10.5+	5.0+	No
MPEG 4	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 文件

使用video.js播放mp4

不是h.264编码格式先使用格式工厂转换一下。

HTML头部引用

 <link href="http://vjs.zencdn.net/5.6.0/video-js.css" rel="stylesheet">
 <script src="http://vjs.zencdn.net/5.6.0/video.js"></script>
 <!-- If you‘d like to support IE8 -->
 <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>

添加代码

poster为封面图片代码

source为多个链接地址并且默认开始使用第一个可以用的

 <video id="my-video" class="video-js" controls preload="auto" width="1296" height="728"
                   poster="video/cover.png" data-setup="{}">
               
                <source src="video/xiangcloud3.mp4" type="video/mp4" />
                <p class="vjs-no-js">
                    To view this video please enable JavaScript, and consider upgrading to a web browser that
                   supports HTML5 video
                </p>
            </video>

自动播放视频 JS代码 videojs里的使用的是标签video的ID值，

var my_video=videojs(‘my-video‘);
videojs(‘my-video‘).ready(function(){
    var myvideo= this;
    myvideo.play();
});

文章来自：http://www.cnblogs.com/xxx91hx/p/5192760.html