码迷,mamicode.com
首页 > 其他好文 > 详细

FlowPlayer 参数说明

时间:2015-11-17 23:07:53      阅读:275      评论:0      收藏:0      [点我收藏+]

标签:

<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 参数说明

标签:

原文地址:http://www.cnblogs.com/microstep/p/4972997.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!