jwplayer使用方法


網盤:https://pan.baidu.com/s/1mmtppZSFOni5tLI2TJWKrw

<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(); });

        //獲取狀態
        $('.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);
        });

        //獲取播放進度
        $('.player-current').click(function () { alert(thePlayer.getPosition()); });

        //跳轉到指定位置播放
        $('.player-goto').click(function () {
            if (thePlayer.getState() != 'PLAYING') {    //若當前未播放,先啟動播放器
                thePlayer.play();
            }
            thePlayer.seek(30); //從指定位置開始播放(單位:秒)
        });

        //獲取視頻長度
        $('.player-length').click(function () { alert(thePlayer.getDuration()); });
    });
</script>

 


免責聲明!

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



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