第一个JWPlayer应用

下载JWPlayer

JWPlayer官方网站做了限制,需要注册帐号,登录后才能下载播放器。

下载地址:https://account.jwplayer.com/static/download/jwplayer-6.8.zip

使用JWPlayer

登录网站后,在用户管理界面,会有一个个人地址,使用这个地址可以统计播放器的使用情况,方便数据挖掘。

云端js的JWPlayer应用

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="http://jwpsrv.com/library/唯一编码.js"></script>
</head>
<body>
<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "example.mp4",
        height: 360,
        image: "/uploads/example.jpg",
        width: 640
    });
</script>
</body>
</html>

本地JWPlayer应用

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script>
    <!--
         jwplayer 用户的key,需要在官方用户管理界面得到
         全名:Self-Hosted Player License Key
      -->
    <script type="text/javascript">jwplayer.key="ABCDEFGHIJKLMOPQ";</script>
</head>
<body>
<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
    jwplayer("myElement").setup({
        file: "example.mp4",
        height: 360,
        width: 640
    });
</script>
</body>
</html>

注意:如果License Key是错误的,将提示

Error setting up player:
Invalid license key

效果展示

Loading the player …

注意:不用等待,视频播放不了!

来源: 雨林博客(www.yl-blog.com)