0
点赞
收藏
分享

微信扫一扫

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

求阙者 2022-04-06 阅读 92


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。



举报

相关推荐

0 条评论