1. <!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>
    <!-- jwplayer播放器的key是在官方网站注册之后才会给的，没有这个key就不能使用播放器，下面是我申请的key -->
    <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>

关于JWPlayer播放器的一些测试学习的更多相关文章

  1. jwplayer播放器停止 单页内多个jwplayer对象停止问题

    单页内多个jwplayer对象停止问题,一直没有找到单页内多个jwplayer播放器停止问题,点击其中一个停止其他播放器; 整个播放代码Remove(),这样就可以停止了,也在ie下防止暂停不了.重音 ...

  2. JwPlayer播放器【去除Logo、去除版本信息】

    效果图: <html> <head> <title>JwPlayer播放器@杯中红茶</title> <script type="tex ...

  3. 最简单的基于Flash的流媒体示例：网页播放器（HTTP，RTMP，HLS）

    http://blog.csdn.net/leixiaohua1020/article/details/43936415 ======================================= ...

  4. C# 一款属于自己的音乐播放器

    本文利用C# 调用Windows自带的Windows Media Player 打造一款属于自己的音乐播放器,以供学习分享使用,如有不足之处,还请指正. 概述 Windows Media Player ...

  5. vue实现音乐播放器实战笔记

    原文链接:https://blog.csdn.net/Forever201295/article/details/80266600 一.项目说明该播放器的是基于学习vue的实战练习,不用于其他途径.应 ...

  6. 【音乐App】—— Vue-music 项目学习笔记：播放器内置组件开发（二）

    前言:以下内容均为学习慕课网高级实战课程的实践爬坑笔记. 项目github地址:https://github.com/66Web/ljq_vue_music,欢迎Star. 播放模式切换 歌词滚动显示 ...

  7. 我的Java开发学习之旅------>工具类：将播放器的进度值转换成相应的时间格式

    在我的博客<我的Java开发学习之旅------>Java 格式化类(java.util.Formatter)基本用法,地址:http://blog.csdn.net/ouyang_pen ...

  8. 小菜学习Winform（二）WMPLib实现音乐播放器

    前言 现在网上有很多的音乐播放器,但好像都不是.net平台做的,在.net中实现音乐文件的播放功能很简单,下面就简单实现下. SoundPlayer类 在.net提供了音乐文件的类:SoundPlay ...

  9. 从零开始学习PYTHON3讲义（十四）写一个mp3播放器

    <从零开始PYTHON3>第十四讲 通常来说,Python解释执行,运行速度慢,并不适合完整的开发游戏.随着电脑速度的快速提高,这种情况有所好转,但开发游戏仍然不是Python的重点工作. ...

随机推荐

  1. 求字符数组逆序数（poj1007）

    int InversionNumber(char* s,int len) { int ans=0;  //s逆序数 int A,C,G;  //各个字母出现次数,T是最大的,无需计算T出现次数 A=C ...

  2. K：java中正则表达式的使用说明及其举例

    从Java1.4起,java核心API就引入了java.util.regex程序包来处理正则表达式,并使用该包下的相关类进行字符串的匹配.搜索.提取.分析结构化内容等工作.需要注意的是,正则表达式本身 ...

  3. CSS3背景渐变。。。

    CSS3 Gradient 分为 linear-gradient(线性渐变)和 radial-gradient(径向渐变).而我们今天主要是针对线性渐变来剖析其具体的用法.为了更好的应用 CSS3 G ...

  4. ADO.NET查询和操作数据库

    stringbuilder 类 stringbuilder类:用来定义可变字符串 stringbulider Append(string value)   在结尾追加 stringbuilder in ...

  5. Validation of viewstate MAC failed 解决办法

    大部分人都说是在页里或web.config里加EnableEventValidation="false" EnableViewStateMac="false" ...

  6. css3实现梯形三角

    近期移动端项目中,图片很多 移动端尽量少图片,以便提升加载速度!这时候css3可以大放光芒比如梯形的背景图 --------------------------------- ------------ ...

  7. [闲的蛋疼系列]从零开始用TypeScript写React的UI组件(0)-先写一个Button??

    0.咸鱼要说的 一入前端深似海,咸鱼入海更加咸. 最近闲的蛋疼,手上年前的事也完成了7788了,借助[PG1]的话来说,我们要keep real. 咸鱼肯定不real 了,因为我们都活在梦里,所以咱们 ...

  8. PHP中域名绑定

    1.如果是集成环境,比如phpstudy则可以直接在工具中点击其他选项菜单->站点域名管理填好对应的域名和站点目录后点击新增,然后点击保存设置并生成配置文件,然后再打开hosts文件,增加对应的 ...

  9. .NET(c#) 移动开发平台 - Smobiler(1)

    如果说基于.net的移动开发平台,目前比较流行的可能是xamarin了,不过除了这个,还有一个比xamarin更好用的国内的.net移动开发平台,smobiler,不用学习另外一套开发模式或者搭建复杂 ...

  10. STM32/GD32芯片信息

    因为需要自动适配芯片进行系统配置,所以我们有必要通过读取一些系统寄存器来获取必要信息.我们的代码需要兼容STM32F1/GD32F1/STM32F0/STM32F4 代码如下: #ifdef STM3 ...