• 一个非常给力的播放器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。

  • 相关阅读:
    Daemon——守护进程
    RTMP
    CR LF CR/LF
    SO_REUSEADDR
    [aac @ ...] more samples than frame size (avcodec_encode_audio2)
    前端向后端传数据的方法
    控制层接受参数
    Swagger2
    net.sf.json------json解析
    springboot
  • 原文地址:https://www.cnblogs.com/axl234/p/5591051.html
Copyright © 2020-2023  润新知