视频播放插件JWPlayer的使用

简介

JW Media Player是一个开源的在网页上使用的Flash视频、音频以及图片播放器，
支持 Sliverlight 播放，支持H.264 ( .mp4, .mov, .f4v )、FLV ( .flv ) 、
3GPP ( .3gp, .3g2 )、OGG Theora ( .ogv )和WebM ( .webm )视频格式，MP3
( .mp3 )、AAC ( .aac, .m4a )、OGG Vorbis ( .ogg )和WAV ( .wav )音频，
同时也支持swf和图片( gif 、jpg、png)和YouTube格式视频。
官网地址：https://www.jwplayer.com/learn-more/
输入邮箱即可下载，核心文件 jwplayer.js和player.swf。

使用

引入JS

使用

/* html*/
<div id="container">div>  
<input type="button" class="player-play" value="播放" />  
<input type="button" class="player-stop" value="停止" />  
<input type="button" class="player-status" value="取得状态" />  
<input type="button" class="player-current" value="当前播放秒数" />  
<input type="button" class="player-goto" value="转到第30秒播放" />  
<input type="button" class="player-length" value="视频时长(秒)" />  

 /* js*/
  <script type="text/javascript">  
  var thePlayer;  
  $(function() {  
      thePlayer = jwplayer('container').setup({  
          flashplayer: 'js/plugins/jwplayer/player.swf',  
          file: 'js/plugins/jwplayer/video.mp4',  
           aspectratio: "16:9",大专栏  视频播放插件JWPlayer的使用an>
    type:"mp4",//播放文件类型（可选）
    title: "点击播放",//标题（可选）
    width: "85%",  
           height: "80%",   
           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>

视频播放插件JWPlayer的使用

简介

使用

引入JS

使用

你可能感兴趣的:(视频播放插件JWPlayer的使用)