• 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',
                 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>
  • 相关阅读:
    (转) c++ 迭代器
    (转) 学习C++ -> 向量(vector)
    latex 模版
    javascript继承篇
    ES6的Map和Set的使用,以及weakMap的一点理解
    JavaScript中的eval函数
    Node.js中的进程与线程
    普通函数与箭头函数的区别是什么?
    git 远程拉去代码 输入用户名密码
    npm 设置镜像
  • 原文地址:https://www.cnblogs.com/xsj1989/p/9050497.html
Copyright © 2020-2023  润新知