zoukankan      html  css  js  c++  java
  • php使用播放插件播放m3u8,mp4,flv格式的视频

    一.这里我主要是播放m3u8的视频,有两款比较好的插件,swise和ckpalyer,我介绍的是ckplayer,这是在pc端播放的,并且是需要flash支持的,不过现在的最新浏览器都是默认安装的

    二.http://www.ckplayer.com/down/(ckpalyer下载地址)

    三.我的调用方式是官方的基本调用方法,可以看下官方的调用文档,接下来介绍俩种调用方法,一种是直接输出播放器的,这个不能使用layui弹出层的,另一种也是输出播放器,但可以使用layui弹出层的

    四.(第一种方法)记住这种方法一定要ckplayer.js,这个看你放的路径去引用,这个我是点击图片时触发这个事件,你可以加载这个页面就加载这个播放器,看需求

    //这是html代码

    <div id="video" style="color: red;"></div>
    //这是js代码
    <script src="<?=SITE_BASE_URL."/ckplayerX/ckplayer/ckplayer.js"?>"></script>
    <script>
    //播放m3u8视频
    function showPlayer(src,id){
    //player
    var videoObject = {
    container: '#video', //容器的ID或className
    variable: 'player',
    debug:true,//开启调试模式
    flashplayer: false, //是否需要强制使用flashplayer
    video: src //这是你的视频地址,可以是MP4和m3u8
    };
    var player = new ckplayer(videoObject);
    }

    五.(第二种方法)可以用弹出层打开的播放器

    1. <embed src="http://www.ckplayer.com/ckplayer/x/ckplayer.swf" flashvars="video=视频地址"  quality="high" width="480" height="400" align="middle" allowScriptAccess="always" allowFullscreen="true" type="application/x-shockwave-flash"></embed>
    2. 代码说明:

      embed:是标准的html代码。用来加载插件。

      src:插件地址,这里则指播放器地址

      flashvars:传递到播放器里的各个参数,比如视频地址,是否默认播放等

      width:播放器的宽

      height:播放器的高,不支持百分比

    这种方法你可以直接放html代码里,也可以放js代码里,

  • 相关阅读:
    Laxcus集群操作系统的分布计算模型
    LAXCUS集群操作系统能不能防止DDOS攻击
    elasticsearch安装启动过程遇到的问题
    Centos7安装snort可视化IDS平台
    网络与信息安全 -国际学术会议和期刊目录
    包的概念、导入与可见性---Go
    Encrypted Traffic Analytics 加密流量分析功能
    商务谈判技巧
    东南大学《数字图像处理》课程作业 8
    东南大学《数字图像处理》课程作业 7
  • 原文地址:https://www.cnblogs.com/dyj--php/p/9436744.html
Copyright © 2011-2022 走看看