FlowPlayer參數(shù)說(shuō)明

2024-04-27 15:02:34

字體：大中小

供稿：網(wǎng)友

<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>//簡(jiǎn)單調(diào)用        <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", {//播放器主文件（根據(jù)項(xiàng)目定亦可引用：http://releases.flowplayer.org/swf/flowplayer-3.2.12.swf）                clip: {
　　　　　　　　　 url: rtmp_name, //流的名稱

　　　　　　　　　 autoPlay: true,//自動(dòng)播放  autoBuffering:true//是否開(kāi)啟緩沖  },
                playlist: [//播放列表                    {                        url: "notfound.jpg",//默認(rèn)顯示圖片（如果沒(méi)有這顯示播放視頻的第一個(gè)畫(huà)面）                        //duration: 5,//持續(xù)時(shí)間                        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,//上一個(gè)、下一個(gè)按鈕                        play:true, //開(kāi)始按鈕                        volume: true, //音量按鈕                        mute: true, //靜音按鈕                        stop: true,//停止按鈕                        fullscreen: true, //全屏按鈕                        scrubber: true,//進(jìn)度條                        url: "flowplayer.controls-3.2.12.swf", //決定功能條的顯示樣式（功能條swf文件,根據(jù)項(xiàng)目定亦可引用:http://releases.flowplayer.org/swf/flowplayer.controls-3.2.12.swf）                        time: true, //是否顯示時(shí)間信息                        autoHide: true, //功能條是否自動(dòng)隱藏                        backgroundColor: '#aedaff', //背景顏色                        backgroundGradient: [0.1, 0.1, 1.0], //背景顏色漸變度（等分的點(diǎn)漸變）                        opacity: 0.5, //功能條的透明度                        borderRadius: '30',//功能條邊角                        tooltips: {                            buttons: true,//是否顯示                            fullscreen: '全屏',//全屏按鈕，鼠標(biāo)指上時(shí)顯示的文本                            stop:'停止',                            play:'開(kāi)始',                            volume:'音量',                            mute: '靜音',                            next:'下一個(gè)',                            previous:'上一個(gè)'                        }                    }                }            });        </script>     </div>    </form></body></html>

以上代碼來(lái)自：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>