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. 【ASP.NET Core】运行原理(4):授权

    本系列将分析ASP.NET Core运行原理 [ASP.NET Core]运行原理(1):创建WebHost [ASP.NET Core]运行原理(2):启动WebHost [ASP.NET Core ...

  2. Git详解之一：Git起步

    起步 本章介绍开始使用 Git 前的相关知识.我们会先了解一些版本控制工具的历史背景,然后试着让 Git 在你的系统上跑起来,直到最后配置好,可以正常开始开发工作.读完本章,你就会明白为什么 Git ...

  3. 基于MongoDb官方C#驱动封装MongoDbCsharpHelper类（CRUD类）

    近期工作中有使用到 MongoDb作为日志持久化对象,需要实现对MongoDb的增.删.改.查,但由于MongoDb的版本比较新,是2.4以上版本的,网上已有的一些MongoDb Helper类都是基 ...

  4. linux系统编程：自己动手写一个who命令

    who命令的作用用于显示当前有哪些用户登录到系统. 这个命令执行的原理是读取了系统上utmp文件中记录的所有登录信息,直接显示出来的 utmp文件在哪里呢? man who的时候,在手册下面有这么一段 ...

  5. Sql Server Configuration Manager 网络配置为空，没有实例

    新用户一天内不准提问...Sql Server Configuration Manager 网络配置为空,没有实例无法设置ip和端口进行连接..

  6. Proof of Elapsed Time--Hyperledger Sawtooth 共识算法

    这一片文章中我们介绍一下Hyperledger Sawtooth项目中所提出的PoET共识算法, 现有的区块链共识算法大概可以分为两种: Nakamoto consensus:通过乐透的方式选择出一个 ...

  7. CSS背景-background

    复合属性-background 如果同时设置了background-color和background-image时,背景颜色会被图片覆盖. background-image: 用作背景的图片,back ...

  8. 2017-07-20聊聊《C#本质论》

    第一次接触<C#本质论>是在这个链接.那时候刚学写C#,而且它的语言风格深深吸引了我,噢对了还有它强大的IDE--VS.这个链接里的书确实不错.文中提到: 虽然这三本书都是外国原著的,但是 ...

  9. windows第四层负载均衡--基于NLB负载均衡

    上面有一篇文章说windows第七层负载均衡,这次讲讲第四层负载均衡 TCP/IP协议族,第七层是应用层,第四层是传输层.第四层负载均衡主要通过IP进行转化. 一些优秀的第四层负载均衡软件,速度可以接 ...

  10. 发布到ASP.NET CORE项目到 Windows server 2012

    原文: https://github.com/zeusro/MarkdownBlog/blob/master/2018/2018-01-17-01.md 发布到ASP.NET CORE项目到 Wind ...