FlowPlayer参数说明

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

<htmlxmlns="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>

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航