网页媒体播放利器 - JW Player的demo
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相关推荐
- flash播放器JW Player使用方法
flash播放器JW Player使用方法 JW Player是个挺好的flash播放器,功能挺强,目前最新版本4.4. 该播放器支持格式如下: 视频FLV和MP4 音频MP3和AAC 图片JPG.G ...
- 引入媒体播放器media player 并调试它的选择模式 0130
引入媒体播放器media player 并调试它的选择模式 0130 工具栏中引入 引入后的效果 属性设置 选择模式 显示效果
- jwplayer html插件,jw player(网页媒体播放器插件) v2017 最新版
软件标签: jwplayer flash插件 播放器插件 jwplayer是一款功能十分强大的网页播放器,安装此插件后,用户可以使用网页观看各种格式视频,功能有些类似于flash,不过支持的视频格式更 ...
- linux系统媒体播放器(media player)大全
媒体播放器 是一种软件程序,可以使用它来播放多种类型的媒体文件,如音频和视频等. 常见的媒体播放器有 Windows Media Player.QuickTime Player.iTunes.Real ...
- 网页flv播放器JW FLV PLAYER 说明(转)
JW FLV PLAYER 在线FLV播放器中文使用说明 2009年07月02日 星期四 10:15 使用方法:如果你仅需要播放一个FLV文件[例如"video.flv"],那么只 ...
- clappr:可扩展网页媒体播放器使用(在vue中的使用)
1.安装 cnpm install clappr --save 2.引用 在需要使用的vue组件中引入即可, import Clappr from 'clappr'; 3.使用 <!-- 视频播 ...
- JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器
JW PLAYER 是一个界面简洁.功能齐全的在线flv flash播放器.有着很多可选控制参数. 多个参数可以混合使用,下面选择几个作简要说明: file (FLV文件的地址,如果不设置则默认为jw ...
- JW Player使用简介
一.JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器.它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于20 ...
- html网页转换swf格式,[转]html网页 swf播放器使用代码
可加装广告的swf播放器JS代码 加载flash动画前可以加载代码,设定广告显示秒数这些,还有些小bug,等有空了修复好法上来给大家 1. [代码][Java]代码/p> (原创)jQuer ...
- jw player flash网页播放器 参数说明以及应用配置
jw player flash网页播放器 参数说明以及应用配置 1.参数解释 这些参数可以配置被嵌入到html中的播放器的行为和外观.如果使用swfobject.js,可以用addVariable() ...
最新文章
- nginx转发请求_Nginx为什么高效?一文搞明白Nginx核心原理
- 如果没有杜撰,可还有历史?
- 别再叫我 Sql boy!
- 15行代码AC——习题5-5 复合词(Compound Words, UVa 10391)——解题报告
- 键盘接口和七段数码管的控制实验
- 30 岁后,哪些职业瓶颈阻碍了你的成长?
- Naive-UI,尤大推荐的Vue组件库
- java swing 常见错误和使用
- 一年级计算c语言编程,用C语言switch语句做一年级算术题。
- 关于《0bug》一书随机数的一处修订
- 用计算机绘制函数图象教案,信息技术应用 用计算机画函数图象优质课教案设计...
- ‘adb‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件—解决方法
- 【毕业设计_课程设计】在线免费小说微信小程序的设计与实现(源码+论文)
- 怎么回答TCP的三次握手问题
- c语言中简易公交一卡通系统的实现
- cmake最新版下载和使用
- mySQL数据的加密与解密
- 雷达ADS-B信号覆盖评估系统-SRTM高程数据可视化处理
- Android Bluetooth HF client相关接口以及定义
- 鸿蒙系统遇强劲对手,鸿蒙迎强劲对手,三星Tizen系统装机量突破1.6亿,份额已斩获第一...