<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>