JWPlayer 快速开始

介绍如何利用JW播放器JavaScript API组件。该API可以用来提高您的视频功能嵌入和/或实现丰富的视频页面交互。简单说明Flash和HTML5这之间的任何差异，所以你写的代码将这两种技术的工作。

JWPLayer许可

我们的创作共用许可条款下，你可以使用，修改和重新发布的球员，非商业用途。商业网站必须购买许可证，溢价或广告版。为进一步细节见JW Player 6许可证。

第一个JWPlayer

开发一个最简单的应用，前提是页面导入JWplayer的相关资源。

<div id="myElement">Loading the player ...</div>
<script type="text/javascript">
  jwplayer("myElement").setup({
    file: "/uploads/example.mp4",
    height: 360,
    image: "/uploads/example.jpg",
    width: 640
  });
</script>

JavaScript控制播放器播放视频与获取音量

<p>
  <a onclick="jwplayer().play()">Toggle playback</a> | 
  <a onclick="alert(jwplayer().getVolume())">Report volume</a>
</p>

多播放器应用

当你有多个播放器在一个网页上，你必须明确哪些播放器你想与之互动。在这种情况下，有两种方法来选择一个播放器：

• 元素名称

jwplayer("myElement").play();

• 播放器索引

jwplayer(2).play();

注意： jwplayer(0)和jwplayer()一样。

API 调用

JW Player 6支持大量的API调用，提供播放器可控制性。可用的三种类型的API调用：

• 获取，检索变量

var volume = jwplayer().getVolume();

• 设置，控制播放器

jwplayer().setVolume(80);

• 事件，它调用一个函数时，变量的变化

jwplayer().onVolume( function(event){
    alert("the volume is now: " + event.volume);
});

官方API参考表

JWPlayer播放器的所有API调用。单独的JavaScript API参考指南包含所有的API调用的所有参数的详细清单。

http://support.jwplayer.com/customer/portal/articles/1413074-javascript-api-quick-start