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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM