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. python multiprocessing.Process

    在使用Kafka-python时自己写的一个bug 我在一个进程的__init__中初始化了一个producer,但是一直不好用 但是在函数里直接new一个就好用了 why? 需要说明的是produc ...

  2. 三：Redis连接池、JedisPool详解、Redisi分布式

    单机模式: package com.ljq.utils; import redis.clients.jedis.Jedis; import redis.clients.jedis.JedisPool; ...

  3. [Android游戏开发]八款开源 Android 游戏引擎 (巨好的资源)

    初学Android游戏开发的朋友,往往会显得有些无所适从,他们常常不知道该从何处入手,每当遇到自己无法解决的难题时,又往往会一边羡慕于 iPhone下有诸如Cocos2d-iphone之类的免费游戏引 ...

  4. Nginx 学习笔记（七）如何解决nginx: [emerg] bind() to [::]:80 failed (98: Address already in use)

    出现:nginx: [emerg] bind() to [::]:80 failed (98: Address already in use) 错误,有以下两种情况 1.80端口被占用 2.ipv4端 ...

  5. Java学习笔记-枚举类型

    枚举类型 枚举类型就是预先定义的一类常量集合,如一周的时间.水果的类型等.需要注意的几点内容如下: 定义枚举类时,Java默认继承java.lang.Enum,所以定义的枚举类不能继承其他类型: 枚举 ...

  6. 6.前端基于react,后端基于.net core2.0的开发之路（6） 服务端渲染（SSR）

    0.源码地址 https://gitee.com/teambp/ScaffoldClient  这个地址下载对应源码. 1.服务端渲染是啥? 就是在服务器进行页面渲染(废话),当页面展示后,显示的就是 ...

  7. mysql如何执行关联查询与优化

    mysql如何执行关联查询与优化 一.前言 在数据库中执行查询(select)在我们工作中是非常常见的,工作中离不开CRUD,在执行查询(select)时,多表关联也非常常见,我们用的也比较多,那么m ...

  8. Java框架之Mybatis（一）

    一.Mybatis 简介 Mybatis 本是apache的一个开源项目iBatis, 2010年这个项目由apache software foundation 迁移到了google code,并且改 ...

  9. 管理 MariaDB 用户账户

    哪些用户可以连接到MariaDB 服务器,他们都可以从哪些地方连接,连接到服务器后又能够做什么等,都是本文将涉及到的内容. 用户的权限信息都保存在 mysql 库中的几个权限表中.对 MariaDB ...

  10. vue 设计日历表

    日历的功能,我们会经常用到,且逻辑比较复杂,小算法较多,花了半天时间写了个,特此详记. 先贴图 功能阐述:返回本月不多说,设置工作日和节假日是为了公司制度需要,后台会有假日表来记录. 为了适应于vue ...