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. 微信小程序参数二维码6问6答

    微信小程序参数二维码[基础知识篇],从6个常见问题了解小程序参数二维码的入门知识. 1.什么是小程序参数码? 微信小程序参数二维码:针对小程序特定页面,设定相应参数值,用户扫描后进入相应的页面. 2. ...

  2. VS代码生成工具ReSharper使用手册：配置快捷键（转）

    原文:http://blog.csdn.net/fhzh520/article/details/46364603 VS代码生成工具ReSharper提供了丰富的快捷键,可以极大地提高你的开发效率. 配 ...

  3. Android开发之漫漫长途 X——Android序列化

    该文章是一个系列文章,是本人在Android开发的漫漫长途上的一点感想和记录,我会尽量按照先易后难的顺序进行编写该系列.该系列引用了<Android开发艺术探索>以及<深入理解And ...

  4. ionic3 笔记

    ionic3的常用命令: //新建项目.ionic start ionic_tab tabs // 新建页面ionic g page NewPage// 查看usb链接的手机adb devices c ...

  5. socket模型处理多个客户端

    最近学完了简单的socket编程,发现其实socket的网络编程其实并没有什么难度,只是简单的函数调用,记住客户端与服务端的步骤,写起来基本没有什么问题. 在服务器程序的设计中,一个服务器不可能只相应 ...

  6. this语句

    this语句 this语句调用构造器 原    因: 代码功能重复,重复会导致代码维护性低. 如何使用:this([实参]); 注意事项:构造器重载的调用,this(参数)必须写在构造方法第一行,因此 ...

  7. 优雅的处理Redis访问超时

    很长一段时间以来,一直在项目中使用Redis作为辅助存储,确切来说是利用Redis的内存存储,而不是将其作为缓存.比如常见的利用Set集合来判断某个数值是否存在,或者将来自不同请求的数据放在Redis ...

  8. EF Core 使用编译查询提高性能

    今天,我将向您展示这些EF Core中一个很酷的功能,通过使用显式编译的查询,提高查询性能. 不过在介绍具体内容之前,需要说明一点,EF Core已经对表达式的编译使用了缓存:当您的代码需要重用以前执 ...

  9. iOS QQ分享图片无反应问题

    受iOS 9 上 http 限制 需要在info.plist文件添加必要string <key>LSApplicationQueriesSchemes</key> <ar ...

  10. Android语音识别--->>RecongnizerIntent实现

    首先,咱得先说下注意点: Android中主要通过RecognizerIntent来实现语音识别,其实代码比较简单,但是如果找不到设置,就会抛出异常 ActivityNotFoundException ...