flowplayer网页视频播放器事例详解--包含各种参数说明(自译)

flowplayer网页视频播放器事例详解--包含各种参数说明(自译)

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

    <title></title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8" />

    <script type="text/javascript" src="flowplayer-3.2.11.min.js"></script>

    <link rel="stylesheet" type="text/css" href="style.css" />

</head>

<body>

    <form id="form1" runat="server">

    <%--<div>//简单调用

        <a 

             href="flowplayer-700.flv"

             style="display:block;width:520px;height:330px"

             id="player">

        </a>

    

        <script>

            flowplayer("player", "flowplayer-3.2.12.swf", {

                clip: {

                    autoPlay: false,

                    autoBuffering:true

                }

            });

        </script>

    </div>--%>

    <div>

        <a href="flowplayer-700.flv" style="display: block; width: 520px; height: 330px"

            id="player"></a>

        <script>

            flowplayer("player", "flowplayer-3.2.12.swf", {//播放器主文件(根据项目定亦可引用:http://releases.flowplayer.org/swf/flowplayer-3.2.12.swf)

                clip: {

                    autoPlay: true,//自动播放

                    autoBuffering:true//是否开启缓冲

                },

                playlist: [//播放列表

                    {

                        url: "notfound.jpg",//默认显示图片(如果没有这显示播放视频的第一个画面)

                        //duration: 5,//持续时间

                        scaling: ‘orig‘//缩放

                    },

                    {

                        url: ‘flowplayer-700.flv‘,//需要播放的文件

                        autoPlay: false,

                        provider: ‘http‘,

                        autoBuffering: true

                    }

                ],

                plugins: {

                    controls: {

                        bottom: 0,//功能条距底部的距离

                        height: 24, //功能条高度

                        zIndex: 1,

                        fontColor: ‘#ffffff‘,

                        timeFontColor: ‘#333333‘,

                        playlist: true,//上一个、下一个按钮

                        play:true, //开始按钮

                        volume: true, //音量按钮

                        mute: true, //静音按钮

                        stop: true,//停止按钮

                        fullscreen: true, //全屏按钮

                        scrubber: true,//进度条

                        url: "flowplayer.controls-3.2.12.swf", //决定功能条的显示样式(功能条swf文件,根据项目定亦可引用:http://releases.flowplayer.org/swf/flowplayer.controls-3.2.12.swf)

                        time: true, //是否显示时间信息

                        autoHide: true, //功能条是否自动隐藏

                        backgroundColor: ‘#aedaff‘, //背景颜色

                        backgroundGradient: [0.1, 0.1, 1.0], //背景颜色渐变度(等分的点渐变)

                        opacity: 0.5, //功能条的透明度

                        borderRadius: ‘30‘,//功能条边角

                        tooltips: {

                            buttons: true,//是否显示

                            fullscreen: ‘全屏‘,//全屏按钮,鼠标指上时显示的文本

                            stop:‘停止‘,

                            play:‘开始‘,

                            volume:‘音量‘,

                            mute: ‘静音‘,

                            next:‘下一个‘,

                            previous:‘上一个‘

                        }

                    }

                }

            });

        </script>

    </div>

    </form>

</body>

</html>

  播放器外观样式定制页面:http://flowplayer.org/documentation/skinning/controlbar.html

原文地址:https://www.cnblogs.com/proving/p/10192266.html

时间: 12-28

flowplayer网页视频播放器事例详解--包含各种参数说明(自译)的相关文章

视频播放器代码详解

<object class id="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="300" height="240"> <param name="movi

Android开发之AudioManager(音频管理器)详解

AudioManager简介: AudioManager类提供了访问音量和振铃器mode控制.使用Context.getSystemService(Context.AUDIO_SERVICE)来得到这个类的一个实例. 公有方法: Public Methods int abandonAudioFocus(AudioManager.OnAudioFocusChangeListenerl) 放弃音频的焦点. void adjustStreamVolume(int streamType, int dir

struts拦截器的详解

1.拦截器:Struts2拦截器是在访问某个Action或Action的某个方法,字段之前或之后实施拦截,并且Struts2拦截器是可插拔的,拦截器是AOP的一种实现. WebWork中文文档解释:拦截器是动态拦截Action调用的对象.它提供了一种机制可以使开发者可以定义在一个Action执行的前后执行的代码,也可以在一个action执行前阻止其执行.同时也提供了一种可以提取Action中可重用的代码的方式. 拦截器栈(Interceptor Stack):Struts2拦截器栈就是将拦截器按

伯努利分布详解(包含该分布数字特征的详细推导步骤)

Bernouli Distribution(中文翻译称伯努利分布) 该分布研究的是一种特殊的实验,这种实验只有两个结果要么成功要么失败,且每次实验是独立的并每次实验都有固定的成功概率p. 概率公式可以表示为  , x只能为0或者1,即要么成功要么失败 根据数学期望的性质 由于这里x只有两个取值所以该分布的数学期望为 方差则可以由方差公式来计算 方差公式:  该分布显然, 因此可以得到, 所以方差  最后我们来推导该分布的最大似然估计 是这样定义的,假设我们做了N次实验,得到的结果集合为 ,我们想

Yarn 调度器Scheduler详解

理想情况下,我们应用对Yarn资源的请求应该立刻得到满足,但现实情况资源往往是有限的,特别是在一个很繁忙的集群,一个应用资源的请求经常需要等待一段时间才能的到相应的资源.在Yarn中,负责给应用分配资源的就是Scheduler.其实调度本身就是一个难题,很难找到一个完美的策略可以解决所有的应用场景.为此,Yarn提供了多种调度器和可配置的策略供我们选择. 一.调度器的选择 在Yarn中有三种调度器可以选择:FIFO Scheduler ,Capacity Scheduler,FairS ched

rpm包管理器用法详解

1,简介 rpm(Red Hat Pakage Manager),现在更名为RPM Package Manager,是一款业界公认的标准包管理器.所谓包管理器,就是把编译好的应用软件的各组成部分组成一个或几个程序包文件,从而实现程序包的安装,升级,卸载和查询等相关操作.广泛应用与redhat,centos,opensuse等发行版本上.当然,Dibian系列用的包管理器是dpkg. 2.rpm的组成 二进制程序,配置文件,帮助手册,以及如何组织,安装等其他元数据信息,不过,rpm都能理解. 3,

Bootstrap+Html5制作强大的网页视频播放器

在做视频管理系统时,我们的定位是做到类似土豆视频的功能.视频管理,当然播放是必不可少的.在做这个播 放页面的时候,也研究了一下土豆的播放器,土豆用的是自己做的.但由于我们目前的技术有限,于是想着从网上找 一个现成的插件,于是开始了播放器的技术选型. 我发现了一个好的插件叫Video.js,研究了一下.基本的播放没问题,但当需要动态传参播放视频的时候,该款 播放器却很难跟着我的思路走,参数动态传不进去.如果现在去研究内部的js,改动内部代码,时间不允许.于是迫 不得已,只能另换解决方案. 搜索一番

Yii-数据模型- rules类验证器方法详解

public function rules() { return array( array('project_id, type_id, status_id, owner_id, requester_id,', 'numerical', 'integerOnly'=>true), array('name', 'length', 'max'=>256), array('description', 'length', 'max'=>2000), array('create_time,creat

keepalived高可用调度器配置详解

一.VRRP概述 1.VRRP协议 虚拟路由冗余协议(Virtual Router Redundancy Protocol,简称VRRP)是由IETF提出的解决局域网中配置静态网关出现单点失效现象的路由协议,1998年已推出正式的RFC2338协议标准.VRRP广泛应用在边缘网络中,它的设计目标是支持特定情况下IP数据流量失败转移不会引起混乱,允许主机使用单路由器,以及及时在实际第一跳路由器使用失败的情形下仍能够维护路由器间的连通性. 2.vrrp术语 参考:H3C VRRP技术白皮书 虚拟路由

GridBagLayout布局管理器应用详解

http://yyzjava.iteye.com/blog/1181552 很多情况下,我们已经不需要通过编写代码来实现一个应用程序的图形界面,而是通过强大的IDE工具通过拖拽辅以简单的事件处理代码即可很轻松的完成.但是我们不得不面对这样操作存在的一些问题,有时候我们希望能够自由改变一个程序界面的大小,通过托拽生成的界面往往是不提供这个功能的,因为定制的界面一旦改变形状,组件间的布局会变得杂乱无章. Java中的布局管理器应用了策略者模式(Strategy),为不同类型的组件布局提供了很好的模型