<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: {
          url: rtmp_name, //流的名称
          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://www.cnblogs.com/qidq/archive/2012/07/19/flowplayer.html

flowplayer播放器还可以播放RTMP流媒体,代码如下:

            <a href="#" id="palyer3"></a>
<script>
flowplayer("palyer3", "Player/flowplayer-3.2.8.swf", {
clip: {
url: rtmp_name, //流的名称
provider: 'rtmp',
live: true,
},
plugins: {
rtmp: {
url: 'Player/flowplayer.rtmp-3.2.8.swf',
netConnectionUrl: rtmp_path
},
controls: {
play: false, opacity: 0, scrubber: false, volume: false, mute: false
}
}
});
}
</script>

FlowPlayer 参数说明的更多相关文章

  1. 《连载 | 物联网框架ServerSuperIO教程》2.服务实例的配置参数说明

    1.C#跨平台物联网通讯框架ServerSuperIO(SSIO)介绍  <连载 | 物联网框架ServerSuperIO教程>1.4种通讯模式机制 一.综述 SuperIO(SIO)定位 ...

  2. JQuery UI dialog 弹窗实例及参数说明

    按钮代码: <a id="suprise" style="margin-left: 0.5em;cursor:pointer;">点我会有惊喜< ...

  3. 服务器.htaccess 详解以及 .htaccess 参数说明(转载)

    htaccess文件(或者”分布式配置文件”)提供了针对目录改变配置的方法, 即,在一个特定的文档目录中放置一个包含一个或多个指令的文件, 以作用于此目录及其所有子目录.作为用户,所能使用的命令受到限 ...

  4. Mongodb启动命令mongod参数说明

    Mongodb启动命令mongod参数说明 mongod的主要参数有: 基本配置 ----------------------------------------------------------- ...

  5. Connect to Database Using Custom params链接数据库配置参数说明

    使用RF的关键字Connect to Database Using Custom params链接数据库,对应的参数说明: a)     第一个参数我使用的是cx_Oracle,就写这个 b)     ...

  6. .htaccess详解及.htaccess参数说明【转】

    目录(?)[-] htaccess 详解 htaccess rewrite 规则详细说明 RewriteEngine OnOff RewriteBase URL-path RewriteCond Te ...

  7. 转载《SimpleAdapter的参数说明》

    SimpleAdapter的参数说明 第一个参数 表示访问整个android应用程序接口,基本上所有的组件都需要 第二个参数表示生成一个Map(String ,Object)列表选项 第三个参数表示界 ...

  8. Redis配置文件参数说明

    Redis配置文件参数说明   1. Redis默认不是以守护进程的方式运行,可以通过该配置项修改,使用yes启用守护进程 daemonize no 2. 当Redis以守护进程方式运行时,Redis ...

  9. mosquitto_pub和mosquitto_sub 命令参数说明

    mosquitto_pub 命令参数说明 1. -d  打印debug信息 2. -f  将指定文件的内容作为发送消息的内容 3. -h  指定要连接的域名  默认为localhost 4. -i   ...

随机推荐

  1. Currency Exchange

    主要找正环: #include<cstdio> #include<cstring> #include<cstdlib> #include<algorithm& ...

  2. H.264 Transform

    变换是视频.图像编码的核心部分.目前所采用的变换算法都是从傅里叶变换演变而来.单纯的变换并不会导致视频(图像)的码率变小,反而会增大.但是非常巧妙的一点是:变换把图像从空域转换成的时域,把由色块组成的 ...

  3. axd与ashx区别

    简单说明一下axd文件.axd文件实际上并不是在硬盘上存在的文件,而是HttpHandler的一种映射.在ASP.NET MVC中有很多内置的axd到ashx的映射.你可以在web.config中通过 ...

  4. Autodesk 开源 3D 打印机

    Autodesk 开源 3D 打印机 Autodesk在知识共享-署名-相同方式共享许可证下公开了其3D打印机Ember的树脂.机械设计.电路图纸的细节,在GNU GPL许可证下公开了固件.打印机运行 ...

  5. COJ 1006 树上操作

    传送门:http://oj.cnuschool.org.cn/oj/home/problem.htm?problemID=979 WZJ的数据结构(六) 难度级别:D: 运行时间限制:1000ms: ...

  6. 【动态规划】XMU 1029 矩阵链乘法

    题目链接: http://acm.xmu.edu.cn/JudgeOnline/problem.php?id=1029 题目大意: 题同乘法难题.给n+1个数,头尾不能动,中间的数可取出,取出时代价是 ...

  7. gcc编译命令

    g++ demo.cpp -o demo.exe

  8. oracle管道输出

    通常我们会在oracle中用dbms_output输出调试信息,但dbms_output只能在调用过程完成才返回结果,不能实时输出的.这意味着通常我们经常要等几分钟或更长的时间才能看到调试信息,那怎么 ...

  9. hdu 4540 威威猫系列故事——打地鼠 dp小水题

    威威猫系列故事——打地鼠 Time Limit: 300/100 MS (Java/Others)    Memory Limit: 65535/32768 K (Java/Others) Total ...

  10. ceph主要数据结构解析2-Rados.h文件

    (1)文件系统id结构:16个字符组成 struct ceph_fsid { unsigned char fsid[16]; }; 以及对应的比较函数: static inline int ceph_ ...