爱程序网

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

 

关于爱程序网 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助