JW Player是一款非常优秀的网页媒体播放器,支持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格式视频。

支持HTML5,有着非常丰富的插件可用(部分是收费的,如广告插件)。

JW Player的最新版是5.7,官方网址:http://www.longtailvideo.com/players/jw-flv-player/?search=Playlist

jwplayer.js和player.swf是核心文件,必须引入这两个文件。

代码

<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" %>
<html><head><script type="text/javascript" src="../jwplayer/jwplayer.js"></script><script type="text/javascript" src="./js/jquery.min.js"></script></head><body><div id='my-video'></div><input type="button" class="player-play" value="Play" />  <input type="button" class="player-stop" value="Stop" />  <input type="button" class="player-status" value="Status" />  <input type="button" class="player-position" value="TimeStamp" />  <input type="button" class="player-seek" value="Seek_15s" />  <input type="button" class="player-duration" value="Duration" />  <script type='text/javascript'>  var thePlayer;  thePlayer = jwplayer('my-video').setup({       autostart: true,//自动播放//file: 'rtmp://101.200.2.53/live/test1',       file: 'http://101.200.2.53:8080/HealthcarePlatform/data/MP4/test.mp4',width: '480',        height: '270'}); $('.player-play').click(function(){  if(thePlayer.getState() != 'PLAYING'){  thePlayer.play(true);  this.value = 'Pause';  }else {  thePlayer.play(false);  this.value = 'Play';  }  });  //Stop  $('.player-stop').click(function(){thePlayer.stop();});  //Status  $('.player-status').click(function(){  var state = thePlayer.getState();  var msg;  switch(state){  case 'BUFFRING':  msg = 'Buffering';  break;  case 'PLAYING':  msg = 'Playing';  break;  case 'PAUSED':  msg = 'Pause';  break;  case 'IDLE':  msg = 'Stop';  break;  }  alert(msg);  });  //get current position  $('.player-position').click(function() { alert(thePlayer.getPosition()); });  //Seek  $('.player-seek').click(function(){  if(thePlayer.getState()!= 'PLAYING'){  thePlayer.play();  }  thePlayer.seek(15);  });  //get duration  $('.player-duration').click(function() {alert(thePlayer.getDuration());});  </script><br><br></body>
</html>

网页媒体播放利器 - JW Player的demo相关推荐

  1. flash播放器JW Player使用方法

    flash播放器JW Player使用方法 JW Player是个挺好的flash播放器,功能挺强,目前最新版本4.4. 该播放器支持格式如下: 视频FLV和MP4 音频MP3和AAC 图片JPG.G ...

  2. 引入媒体播放器media player 并调试它的选择模式 0130

    引入媒体播放器media player 并调试它的选择模式 0130 工具栏中引入 引入后的效果 属性设置 选择模式 显示效果

  3. jwplayer html插件,jw player(网页媒体播放器插件) v2017 最新版

    软件标签: jwplayer flash插件 播放器插件 jwplayer是一款功能十分强大的网页播放器,安装此插件后,用户可以使用网页观看各种格式视频,功能有些类似于flash,不过支持的视频格式更 ...

  4. linux系统媒体播放器(media player)大全

    媒体播放器 是一种软件程序,可以使用它来播放多种类型的媒体文件,如音频和视频等. 常见的媒体播放器有 Windows Media Player.QuickTime Player.iTunes.Real ...

  5. 网页flv播放器JW FLV PLAYER 说明(转)

    JW FLV PLAYER 在线FLV播放器中文使用说明 2009年07月02日 星期四 10:15 使用方法:如果你仅需要播放一个FLV文件[例如"video.flv"],那么只 ...

  6. clappr:可扩展网页媒体播放器使用(在vue中的使用)

    1.安装 cnpm install clappr --save 2.引用 在需要使用的vue组件中引入即可, import Clappr from 'clappr'; 3.使用 <!-- 视频播 ...

  7. JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器

    JW PLAYER 是一个界面简洁.功能齐全的在线flv flash播放器.有着很多可选控制参数. 多个参数可以混合使用,下面选择几个作简要说明: file (FLV文件的地址,如果不设置则默认为jw ...

  8. JW Player使用简介

    一.JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器.它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于20 ...

  9. html网页转换swf格式,[转]html网页 swf播放器使用代码

    可加装广告的swf播放器JS代码 加载flash动画前可以加载代码,设定广告显示秒数这些,还有些小bug,等有空了修复好法上来给大家​​ 1. [代码][Java]代码/p> (原创)jQuer ...

  10. jw player flash网页播放器 参数说明以及应用配置

    jw player flash网页播放器 参数说明以及应用配置 1.参数解释 这些参数可以配置被嵌入到html中的播放器的行为和外观.如果使用swfobject.js,可以用addVariable() ...

最新文章

  1. nginx转发请求_Nginx为什么高效?一文搞明白Nginx核心原理
  2. 如果没有杜撰,可还有历史?
  3. 别再叫我 Sql boy!
  4. 15行代码AC——习题5-5 复合词(Compound Words, UVa 10391)——解题报告
  5. 键盘接口和七段数码管的控制实验
  6. 30 岁后,哪些职业瓶颈阻碍了你的成长?
  7. Naive-UI,尤大推荐的Vue组件库
  8. java swing 常见错误和使用
  9. 一年级计算c语言编程,用C语言switch语句做一年级算术题。
  10. 关于《0bug》一书随机数的一处修订
  11. 用计算机绘制函数图象教案,信息技术应用 用计算机画函数图象优质课教案设计...
  12. ‘adb‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件—解决方法
  13. 【毕业设计_课程设计】在线免费小说微信小程序的设计与实现(源码+论文)
  14. 怎么回答TCP的三次握手问题
  15. c语言中简易公交一卡通系统的实现
  16. cmake最新版下载和使用
  17. mySQL数据的加密与解密
  18. 雷达ADS-B信号覆盖评估系统-SRTM高程数据可视化处理
  19. Android Bluetooth HF client相关接口以及定义
  20. 鸿蒙系统遇强劲对手,鸿蒙迎强劲对手,三星Tizen系统装机量突破1.6亿,份额已斩获第一...

热门文章

  1. 解决 Android App 上架 Google play后 ,签名变更,第三方sdk无法登录
  2. MATLAB 脚本 编写 泰勒展开
  3. 第八届山东省ACM大学生程序设计竞赛总结
  4. 【增强版】快速判断工作簿中是否存在指定工作表
  5. ubuntu搭建STM32开发环境
  6. Sql server 双机热备份数据库
  7. 计算机内存条价格,最新内存条天梯图2020 内存条全面选购指南
  8. 汽车CAN总线数据帧分类及格式详解
  9. 联想笔记本fn键linux,Linux 系统下笔记本电脑的 Fn 键失效
  10. appliedzkp的zkevm(7)定制化Proof System