一个非常给力的播放器video-js

video-js采用的是html5播放器。

在不支持html5的浏览器会自动切换成flash。

video-js的官网http://www.videojs.com/

看看下载的demo就知道个大概了。

不过在ie9上某些视频流会出问题。

不过加上:

<!--[if lt IE 9]>
<script src="${resSys}/html5.js" type="text/javascript"></script>
<![endif]-->

我是这么写的。

引入样式和js

<link href="${base}/thirdparty/video-js/video-js.css" rel="stylesheet" type="text/css">
  <script src="${base}/thirdparty/video-js/video.js"></script>

播放器:

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="500" height="350"
    poster=""
      data-setup="{}">
    <source src="${base}/thirdparty/video-js/04140025hf10.flv" type='video/flv' />
    <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p>
  </video>

${base}是我的项目路径,请大家自行更改。

亲测chorme,360,ie7,ie8,ie9,可用支持flv,mp4。

原文地址:https://www.cnblogs.com/axl234/p/5591051.html