<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