在一个客户项目中播放的flash需要进行定制如不显示控制按钮，flash播放完成后执行特定的js等，在用过了N多的JQery插件和播放器后最终JW Player插件可以满足我的以上要求
因为JW Player插件是同事发给我(版本:jwplayer6.6不是最新版本)，在将控制按钮隐藏时，根据官网上的参数设置后尽然无效
最终经过摸索才找到原因是官网上的最新版本为6.10版本，而我用的是6.6版本所以不管我怎么配置都是无效的(部分参数在旧版本不支持)
找到原因就那就简单了，在官网上下载最新的播放器和js文件(下载需要注册)后并配置好经测试果然可以完全隐藏控制按钮，但flash播放器右上方显示了jwplay的logo和网址,显然不可能在客户的项目上显示其他公司的信息,于是将播放器更改了6.6的版本的版本后完美解决问题,在此记录希望帮助有需要的朋友,我跟同事两加一起的大概两天工作日才搞定
我使用的播放器是破*后的6.6的版本,官网免费版本有Logo,不同的版本定价见官网：http://www.jwplayer.com/pricing/
  1. <!--htl add 2014-10-31-->
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5.   <title>jwplay6.10使用-隐藏控制按钮和视频播放完毕后执行js事件</title>
  6.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  7.   <script  type="text/javascript" class="library" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
  8. </head>
  9. <body>
  10.   <div id="video">
  11.     <div id="sp_box"></div>
  12.   </div>
  13. </body>
  14.   <!-- jwpsrv.com 提供的在线js -->
  15.   <script src="http://jwpsrv.com/library/0cnCVGMOEeSQmA6sC0aurw.js"></script>
  16.   <script type="text/javascript">
  17.    var Player;
  18.   //页面加载的时候
  19.   $(document).ready(function(){
  20.         LoadingJwPlayer();
  21.           //视频开始播放事件
  22.         Player.onPlay(function(){
  23.              console.log("开始播放视频");
  24.              //设置播放器背景色，默认为黑色，但我们的视频是白色的背景，这里无法更改，我只能通过更改源码来解决(jwplayer.js将"#000000"更改为"#ffffff")
  25.              jQuery("#sp_box").css('bgcolor','#ffffff');
  26.         });
  27.  
  28.         //视频播放完毕事件
  29.         Player.onPlaylistComplete(function(){
  30.             console.log("load complay");
  31.             alert("hello,视频播放完毕啦！");
  32.  
  33.         });
  34.       });
  35.     //htl edit 2014-11-03加载播放器并设置相关的参数
  36.     //jwplayer文档地址：http://www.longtailvideo.com/support/open-video-ads/13048/ova-configuration-guide
  37.   function LoadingJwPlayer(){
  38.       Player=jwplayer('sp_box').setup({
  39.           //flash显示效果,none,fill,exactfit,uniform,默认为uniform有黑色边框
  40.           //参考:http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference#other
  41.           stretching:'fill',
  42.           autostart: true,//自动播放
  43.           controls:false,//显示控件按钮
  44.           // OVA for JW5 only: Turn on playlist control - enables the next/previous controlbar buttons and load the entire playlist into the player in one go.
  45.           allowPlaylistControl:false,
  46.           //OVA for JWx only: Specifies whether or not overlays and ad notices are to be repositioned based on whether or not the control bar shows and hides.
  47.           assessControlBarState:false,
  48.           width: jQuery(document).width(),//视频宽
  49.           height: jQuery(document).height(),//视频高
  50.           file: "http://videos-jp.jwpsrv.com/zWLy8Jer/videos/i8oQD9zd-1753142.mp4?77c801d752d5207784c49e7ed80fb953798fae0fcca03ecf79558496a374b6096b35a35d4d31c99192f10fb8e9b9c158204e6312da47541f86c39eb6119edf45a6f6b4a92a2cb9b13f25fdf1928a4e8e1870f2fa05",//要播放的文件
  51.           flashplayer: "/flash/jwplayer.flash6.6.swf"//播放flash的播放器地址，需要替换成你本地的播放器地址
  52.       });
  53.   }
  54. </script>
  55. </html>
 
 
 
 
 
 
 

如何使用JW Player来播放Flash并隐藏控制按钮和自定义播放完成后执行的JS的更多相关文章

  1. JW Player 6.7（网页视频播放器，可在手机中播放），自定义Logo和右键菜单链接，支持MP3、MP4、FLV等格式，支持通过HTML5、FLash播放

    原版下载地址:http://www.jwplayer.com/ JW Player是世界上最流行的网页影音播放器,支持的视频格式主要有:MP4.FLV.F4V等格式,支持的音频格式主要有:MP3.AA ...

  2. 网页媒体播放利器 - JW Player使用心得

    序言 前段时间在做一个网站项目,要求能在线播放视频.音乐,这个以前还真没接触过.恰好今天在坛子里闲逛时,发现有同志对这方面也感兴趣,遂把这些整理了下,同时自己也可以复习下. 播放器需要满足以下需求: ...

  3. JW Player开始播放和结束播放事件的捕获

    项目中使用到jwPlayer,需要在用户开始播放盒结束播放的时候触发一些事件,所以研究JWPlayer. <script type="text/javascript"> ...

  4. 视频播放器之————JW Player参数详解

    JW Player参数详解 1,安装 下载后,你可以得到一个例子,当用文本或HTML编辑器打开的时候,你可以发现swf是用一段短小的 javascript嵌入到页面上的.这个Javascript是Ge ...

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

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

  6. jw player学习笔记三---发布到其它网站

    一.通过官网发布向导 登陆 http://www.longtailvideo.com,注册一个账号,进入你的用户管理中心,如下图 然后按提示,一步步操作,就会得到js代码了. 二.自己服务器发布 &l ...

  7. jw player学习笔记

    一.是否支持IE7/8 本地离线播放不支持IE7/8,部署在服务器上时可以. 本地播放报错示意图 二.如何去Logo 1.网页版--HTML5---破解 桌面浏览器看到的效果: jwplayer(&q ...

  8. JW Player 现在支持 Azure 媒体服务

    Vishal Sood Azure媒体服务首席项目经理 此合作伙伴关系是关于什么内容? Azure媒体服务现已支持一些最常见的流媒体格式,其中包括 Microsoft SmoothStreaming ...

  9. 转: object 和embed 标签播放flash

    一.介绍: 我们要在网页中正常显示flash内容,那么页面中必须要有指定flash路径的标 签.也就是OBJECT和 EMBED标签.OBJECT标签是用于windows平台的IE浏览器的,而EMBE ...

随机推荐

  1. springＭVC

    SpringMVC架构流程: 1.用户发送请求至前端控制器DispatcherServlet2.DispatcherServlet收到请求调用HandlerMapping处理器映射器.3.处理器映射器 ...

  2. 【JAVAWEB学习笔记】22_ajax：异步校验用户名和站内查询

    Js原生Ajax和Jquery的Ajax 学习目标 案例1-异步校验用户名是否存在 案例2-站内查询 一.Ajax概述 1．什么是同步,什么是异步 同步现象:客户端发送请求到服务器端,当服务器返回响应 ...

  3. css加载方式link和@import的区别！

    本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别. 1. 老祖宗的差别.link属于XHTML标签,而@import完全是CSS提供的一种方式. link标签除了可以加载CSS外,还可 ...

  4. RxSwift 系列(一)

    为什么使用RxSwift? 我们编写的代码绝大多数都涉及对外部事件的响应.当用户点击操作时,我们需要编写一个@IBAction事件来响应.我们需要观察通知,以检测键盘何时改变位置.当网络请求响应数据时 ...

  5. Hibernate 对象的生命周期及CRUD操作

    对象状态及生命周期 1.Transient(瞬时状态):new的对象为瞬时态 session中没有数据,数据库中没有数据. 2.Persistent(持久状态):被session管理的对象为持久状态, ...

  6. 理解HashSet及使用

    (1) 为啥要用HahSet?    假如我们现在想要在一大堆数据中查找X数据.LinkedList的数据结构就不说了,查找效率低的可怕.ArrayList哪,如果我们不知道X的位置序号,还是一样要全 ...

  7. hdu 3038 并查集

    题意:给出多个区间的和,判断数据矛盾的区间有几个,比方说[1,5] = 10 ,[6.10]  = 10, [1, 10] = 30,这明显第三个与前面两个矛盾. 链接:点我 水题了,val代表到根的 ...

  8. ACM -- 算法小结（二）错排公式的应用

    pala提出的问题: 十本不同的书放在书架上.现重新摆放,使每本书都不在原来放的位置.有几种摆法?  这个问题推广一下,就是错排问题: n个有序的元素应有n!种不同的排列.如若一个排列式的所有的元素都 ...

  9. Codeforces Round #303 (Div. 2) D. Queue 傻逼题

    C. Woodcutters Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://codeforces.com/contest/545/probl ...

  10. 2015 UESTC 搜索专题N题 韩爷的梦 hash

    韩爷的梦 Time Limit: 20 Sec  Memory Limit: 256 MB 题目连接 http://acm.uestc.edu.cn/#/contest/show/61 Descrip ...