欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久

序言

前段時(shí)間在做一個(gè)網(wǎng)站項目，要求能在線(xiàn)播放視頻、音樂(lè )，這個(gè)以前還真沒(méi)接觸過(guò)。恰好今天在壇子里閑逛時(shí)，發(fā)現有同志對這方面也感興趣，遂把這些整理了下，同時(shí)自己也可以復習下。

播放器需要滿(mǎn)足以下需求：

1. 支持所有主流瀏覽器

2. 能與播放器交互，播放器必須提供必要的API

3. 可定制外觀(guān)，方便后期擴展

4. 支持flv、mp3、mp4格式，支持播放列表

5. 詳盡的幫助文檔說(shuō)明，方便開(kāi)發(fā)者使用

需求就是一切，咱沒(méi)條件只好硬著(zhù)頭皮創(chuàng )建條件強上了～～～。于是瘋狂百度Google，發(fā)現了很多第三方播放器。由于咱E文實(shí)在不咋地，一開(kāi)始想找個(gè)國內的?？墒?，找來(lái)找去，發(fā)現都是要收費的。于是只好走上不愛(ài)國之路，只能找一個(gè)國外的了。在搜索中，綜合前輩們的意見(jiàn)，最終選擇了JW Player。搜索國外資源還是Google給力啊，不管你信不信，反正我是信了：）。

JW Player是一款非常優(yōu)秀的網(wǎng)頁(yè)媒體播放器，支持H.264 ( .mp4, .mov, .f4v )、FLV ( .flv ) 、3GPP ( .3gp, .3g2 )、OGG Theora ( .ogv )和WebM ( .webm )視頻格式，MP3 ( .mp3 )、AAC ( .aac, .m4a )、OGG Vorbis ( .ogg )和WAV ( .wav )音頻，同時(shí)也支持swf和圖片( gif 、jpg、png)和YouTube格式視頻。

支持HTML5，有著(zhù)非常豐富的插件可用（部分是收費的，如廣告插件）。

JW Player的最新版是5.7，官方網(wǎng)址：http://www.longtailvideo.com/players/jw-flv-player/?search=Playlist

廢話(huà)到此為止，現在開(kāi)始主題。令人振奮的是，JW Player使用起來(lái)非常方便，下面就探討一下JW Player的基本用法。

第一步 從官網(wǎng)下載最新的播放器

以上兩個(gè)選項不選，Viral是JW Player的一個(gè)插件，做視頻分享用的，需不需要自己看著(zhù)辦。輸入郵箱即可下載。

下載完成后，解壓出來(lái)有8個(gè)文件，如下圖：

jwplayer.js和player.swf是核心文件，必須引入這兩個(gè)文件。

JW Player Quick Start Guide.pdf是幫助文檔，里面講的也比較詳細了。

第二步 體驗JW Player（基本用法）

1. 在頁(yè)面head區域引用必要的js文件（本人習慣用jQuery，故引入了，使用其它框架的自行更改該部分）

    <script src="js/jquery/jquery-1.6.2.js" type="text/javascript"></script>    <script src="js/plugins/mediaplayer-5.7/jwplayer.js" type="text/javascript"></script>

 2. html結構如下

    <div id="container"></div>    <input type="button" class="player-play" value="播放" />    <input type="button" class="player-stop" value="停止" />    <input type="button" class="player-status" value="取得狀態(tài)" />    <input type="button" class="player-current" value="當前播放秒數" />    <input type="button" class="player-goto" value="轉到第30秒播放" />    <input type="button" class="player-length" value="視頻時(shí)長(cháng)(秒)" />

3. 初始化播放器，完成控制邏輯

    <script type="text/javascript">        var thePlayer;  //保存當前播放器以便操作        $(function() {            thePlayer = jwplayer('container').setup({                flashplayer: 'js/plugins/mediaplayer-5.7/player.swf',                file: 'js/plugins/mediaplayer-5.7/video.mp4',                width: 500,                height: 350,                dock: false            });                        //播放 暫停            $('.player-play').click(function() {                if (thePlayer.getState() != 'PLAYING') {                    thePlayer.play(true);                    this.value = '暫停';                } else {                    thePlayer.play(false);                    this.value = '播放';                }            });                        //停止            $('.player-stop').click(function() { thePlayer.stop(); });                        //獲取狀態(tài)            $('.player-status').click(function() {                var state = thePlayer.getState();                var msg;                switch (state) {                    case 'BUFFERING':                        msg = '加載中';                        break;                    case 'PLAYING':                        msg = '正在播放';                        break;                    case 'PAUSED':                        msg = '暫停';                        break;                    case 'IDLE':                        msg = '停止';                        break;                }                alert(msg);            });                        //獲取播放進(jìn)度            $('.player-current').click(function() { alert(thePlayer.getPosition()); });            //跳轉到指定位置播放            $('.player-goto').click(function() {                if (thePlayer.getState() != 'PLAYING') {    //若當前未播放，先啟動(dòng)播放器                    thePlayer.play();                }                thePlayer.seek(30); //從指定位置開(kāi)始播放(單位：秒)            });                        //獲取視頻長(cháng)度            $('.player-length').click(function() { alert(thePlayer.getDuration()); });        });    </script>

到此完成，接下來(lái)運行網(wǎng)頁(yè)就可以看到效果了。以下是一個(gè)截圖：

關(guān)于更詳細的配置和說(shuō)明文檔，請參閱官方文檔，說(shuō)明非常詳盡。

官方文檔：http://www.longtailvideo.com/support/jw-player/jw-player-for-flash-v5

首次發(fā)文，定有許多不足之處，懇請大家批評指正，沒(méi)有交流就沒(méi)有進(jìn)步。