zoukankan      html  css  js  c++  java
  • 一个非常给力的播放器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。

  • 相关阅读:
    Google glass GDK
    Google glass GDK
    Google glass GDK
    趣味开发
    Android
    Google glass GDK
    Google glass GDK
    Google glass GDK
    Android
    Google glass GDK
  • 原文地址:https://www.cnblogs.com/axl234/p/5591051.html
Copyright © 2011-2022 走看看