jwplayer.v7.1.4视频播放器的使用-CFANZ编程社区

jwplayer.v7.1.4视频播放器的使用_html
代码结构如图，可以获得所有源码
jwplayer.v7.1.4视频播放器的使用_jquery_02
访问/zcj/keygen.html可以获得验证码，将验证码替换到上面的demo.html中的这里
jwplayer.v7.1.4视频播放器的使用_验证码_03

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>jwplayer example</title>
        <script src="jwplayer/js/jquery-3.2.1.js"></script>
        <script src="jwplayer/jwplayer.js"></script>
        <style>
            #container{margin:0 auto; text-align:center;}
        </style>
    </head>

    <body>
        <div id="container">loading the player...</div>
        <script>
            var thePlayer;
            jwplayer.key="70oCXHEmFuverhxntH/oKMZMwWfFMgET";
            $(function() {
                thePlayer = jwplayer('container').setup({
                    autostart: true,
                    flashplayer: 'jwplayer/jwplayer.flash.swf',
                    file: 'jwplayer/video.mp4',
                    width: 480,
                    height: 360,
                    volume: 80
                });
            });
        </script>
    </body>
</html>

访问域名+服务器目录+/jwplayer.v7.1.4/demo.html就可以看到视频的播放了
下载源码