jwPlayer播放器使用方法和参数

找一个相对比较好点的播放器，国内的ckpkayer用的多，但是bug也很多，国外知名的jwplaye播放器很出名，比如慕课网使用的就是jw播放器，看了官方的文档之后简单的操作进行了记录。

HTML代码:

[html] view plaincopy

<!DOCTYPE html>
<html>
<head>
<title>jwplayer播放器测试</title>
<script type="text/javascript" src="scripts/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="scripts/jwplayer.js"></script>
<script type="text/javascript">jwplayer.key="W+FSSIJICMeqqi4MQCwmdLePq9iq8HQqiVT5dQ==";</script>
</head>
<body>
<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="转到第4秒播放" />
<input type="button" class="player-length" value="视频时长(秒)" />
</body>
<script type="text/javascript">
var temp = 1;
$(function() {
var playerInstance = jwplayer('container');
//初始化视频
playerInstance.setup({
//视频文件来源
file: 'scripts/video.mp4',
//显示的背景图片
image: 'scripts/bg.jpg',
});
/*playerInstance.on('pause',function(obj){
alert(obj.oldstate);
});*/
playerInstance.on('complete',function(){
alert("播放完毕");
});
//监控播放时间
playerInstance.on('time',function(obj){
//总时间
//alert(obj.duration);
//获取当前的播放时间
var time = obj.position;
var v1 = parseFloat(time.toFixed(0));
//不回答问题不能进行播放下面的视频
if(v1 > 3 && temp ==1){
playerInstance.seek(3);
}
var v2 = parseFloat("3");
if(v1 == v2){
if(temp == 1){
playerInstance.pause();
var name = prompt("请输入您的名字","");
if(name == "高旭旭"){
temp += 1;
playerInstance.play();
}
}
}
});
//点击播放执行的事件
/*playerInstance.on('play',function(){
var time = playerInstance.getPosition();
var v1 = parseFloat(time.toFixed(0));
if(v1 > 3 && temp ==1){
playerInstance.seek(4);
}
});*/
//缓冲
/*playerInstance.on('buffer',function(obj){
var name = obj.reason;
if(name == "loading"){
alert("正在缓冲");
}
});*/
//在播放之前触发的时间
playerInstance.on('playAttempt',function(){
alert("开始播放了，是否检测登录?");
});
//加载视频的时间
/*playerInstance.on('firstFrame',function(obj){
alert("加载视频时间:"+(obj.loadTime/1000));
});*/
playerInstance.on('error',function(){
alert("视频出错了...");
playerInstance.play();
});
//停止播放
$(".player-stop").click(function(){
playerInstance.pause();
});
//播放
$(".player-play").click(function(){
playerInstance.play();
});
//获取当前播放的秒数（时间）
$(".player-current").click(function(){
var time = playerInstance.getPosition();
alert(time);
});
//转到多长时间
$(".player-goto").click(function(){
playerInstance.seek(4);
});
//获取播放状态
$(".player-status").click(function(){
/**4种状态
* 1:没有播放 idle
* 2：正在播放playing
* 3:停止paused
* 4:播放完毕complete
*/
alert(playerInstance.getState());
});
});
</script>
</html>

源码下面地址:http://download.csdn.net/detail/gaoxuaiguoyi/9300373

jwPlayer播放器使用方法和参数相关推荐

直播播放器API（播放器调用方法、参数、接口和事件）
直播播放器API(播放器调用方法.参数.接口和事件): 播放器调用方法 <div class="player"></div> <script src= ...
keyshot怎么批量渲染_keyshot快速渲染实例教程，黑白播放器渲染方法
keyshot快速渲染实例教程,黑白播放器渲染方法 keyshot渲染一直是比较考验设计师渲染功底的软件,尤其是材质以及光影技巧,细节处理到位与否直接影响产品渲染效果.关于keyshot渲染需要打好基 ...
JwPlayer播放器【去除Logo、去除版本信息】
效果图: <html> <head> <title>JwPlayer播放器@杯中红茶</title> <script type="tex ...
kali2020 vnc安装,在Kali Linux 2020.x上安装和卸载VLC媒体播放器的方法
本文介绍在Kali Linux 2020.x系统上安装和卸载VLC media Player(VLC媒体播放器)的方法.大多数Linux发行版在其上游存储库中包含VLC软件包,要在Kali Linux ...
jwPlayer播放器基本使用
找一个相对比较好点的播放器,国内的ckpkayer用的多,但是bug也很多,国外知名的jwplaye播放器很出名,比如慕课网使用的就是jw播放器,看了官方的文档之后简单的操作进行了记录. HTML代码 ...
Linux用命令安装音乐软件,在Ubuntu 18.04系统中使用命令安装Qmmp音乐播放器的方法...
在Ubuntu 18.04操作系统中安装Qmmp音乐播放器非常简单,只需要两段命令就可以搞定.下面介绍其方法. Qmmp音乐播放器介绍 Qmmp是一款开源基于Qt的多媒体播放器,提供Qt4及Qt5支持 ...
php制作多组播放器,教你几款播放器制作方法
三.第一项点击copy按纽复制flash分享地址,然后在QQ空间当flash的swf文件插入就行,会玩空间的基本知道. 特点:1.音乐可以选择自己喜欢的,并且不受数量限制:2.宽带保证视听流畅,使用的 ...
直播弹幕 html5,一种基于HTML5的弹幕播放器及其方法与流程
本发明涉及互联网技术领域,具体涉及一种基于HTML5的弹幕播放器及其方法. 背景技术: 弹幕是指一种在观看视频时,大量以字幕(有且不限于文字和图片)形式呈现的评论与视频同在一个画面的现象.在视频上方大 ...
vue-video-player文档_基于vue-video-player自定义播放器的方法
基于vue-video-player自定义播放器的方法发布时间:2019-01-07 发布网站:编程之家编程之家收集整理的这篇文章主要介绍了基于vue-video-player自定义播放器的方法, ...
学习开源播放器代码解析之参数设置
1.前言出于学习音视频的目的,在Github找了个基于FFMPEG的播放器代码,代码量比较小.地址:fflayer.于是乎下载编译了下,运行结果良好.So,出于学习的目的,写写学习笔记,归纳归纳 ...

jwPlayer播放器使用方法和参数

jwPlayer播放器使用方法和参数相关推荐

最新文章

热门文章