转载自:http://www.cnblogs.com/huangtailang/p/4071737.html?utm_source=tuicool&utm_medium=referral
在一个客户项目中播放的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/
<!--htl add 2014-10-31-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>jwplay6.10使用-隐藏控制按钮和视频播放完毕后执行js事件</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script  type="text/javascript" class="library" src="http://libs.baidu.com/jquery/1.9.0/jquery.min.js"></script>
</head>
<body><div id="video"><div id="sp_box"></div></div>
</body><!-- jwpsrv.com 提供的在线js --><script src="http://jwpsrv.com/library/0cnCVGMOEeSQmA6sC0aurw.js"></script><script type="text/javascript">var Player;//页面加载的时候
  $(document).ready(function(){  LoadingJwPlayer();//视频开始播放事件
        Player.onPlay(function(){console.log("开始播放视频");//设置播放器背景色,默认为黑色,但我们的视频是白色的背景,这里无法更改,我只能通过更改源码来解决(jwplayer.js将"#000000"更改为"#ffffff")
             jQuery("#sp_box").css('bgcolor','#ffffff');});//视频播放完毕事件
        Player.onPlaylistComplete(function(){console.log("load complay");alert("hello,视频播放完毕啦!");});});//htl edit 2014-11-03加载播放器并设置相关的参数//jwplayer文档地址:http://www.longtailvideo.com/support/open-video-ads/13048/ova-configuration-guidefunction LoadingJwPlayer(){Player=jwplayer('sp_box').setup({//flash显示效果,none,fill,exactfit,uniform,默认为uniform有黑色边框//参考:http://support.jwplayer.com/customer/portal/articles/1413113-configuration-options-reference#other
          stretching:'fill',autostart: true,//自动播放
          controls:false,//显示控件按钮// 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.
          allowPlaylistControl:false,//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.
          assessControlBarState:false,width: jQuery(document).width(),//视频宽
          height: jQuery(document).height(),//视频高
          file: "http://videos-jp.jwpsrv.com/zWLy8Jer/videos/i8oQD9zd-1753142.mp4?77c801d752d5207784c49e7ed80fb953798fae0fcca03ecf79558496a374b6096b35a35d4d31c99192f10fb8e9b9c158204e6312da47541f86c39eb6119edf45a6f6b4a92a2cb9b13f25fdf1928a4e8e1870f2fa05",//要播放的文件
          flashplayer: "/flash/jwplayer.flash6.6.swf"//播放flash的播放器地址,需要替换成你本地的播放器地址
      });       }
</script>
</html>
显示控制按钮并且flash背景色为黑色的效果(来自官网Demo)
隐藏控制按钮并自定义播放完成后执行的JS效果
参考:
百度网盘JWplay最新版(6.10)和已破*版本(6.6)
查看我的在线Demo(使用官网的JS和播放器有Logo)
JS~jwPlayer为js预留的回调方法大总结
JW Player使用简介 
JW Player Documentation
Configuration Options Reference
JW Player JavaScript API Reference
JW HTML Config: Configures JW Player (5 & 6) using HTML only

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

  1. JW Player使用简介

    一.JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器.它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于20 ...

  2. 关于最新版Chrome浏览器使用swfobject.swf, uploadify等无法正常播放Flash的问题

    问题发现在更新到最新版Chrome后,之前项目中使用的uploadify上传插件的动画效果不显示,导致上传按钮等无法正常显示,功能异常,寻求最新版Chrome下的解决办法 起初以为是最新版Chrome ...

  3. html5 序列帧播放器,H5序列图片视频化播放

    var imglistplay = function (obj) { var indexRange = [1, 107]; var maxLength = indexRange[1] - indexR ...

  4. jw player flash网页播放器 参数说明以及应用配置

    jw player flash网页播放器 参数说明以及应用配置 1.参数解释 这些参数可以配置被嵌入到html中的播放器的行为和外观.如果使用swfobject.js,可以用addVariable() ...

  5. flash播放器JW Player使用方法

    flash播放器JW Player使用方法 JW Player是个挺好的flash播放器,功能挺强,目前最新版本4.4. 该播放器支持格式如下: 视频FLV和MP4 音频MP3和AAC 图片JPG.G ...

  6. JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器

    JW PLAYER 是一个界面简洁.功能齐全的在线flv flash播放器.有着很多可选控制参数. 多个参数可以混合使用,下面选择几个作简要说明: file (FLV文件的地址,如果不设置则默认为jw ...

  7. jwplayer html插件,jw player(网页媒体播放器插件) v2017 最新版

    软件标签: jwplayer flash插件 播放器插件 jwplayer是一款功能十分强大的网页播放器,安装此插件后,用户可以使用网页观看各种格式视频,功能有些类似于flash,不过支持的视频格式更 ...

  8. Adobe Flash Player 9.0.45.0 简体中文官方下载(本地播放Flash Player播放器, 非插件)...

    Adobe Flash Player 9.0.45.0 简体 中文官方下载(本地播放 Flash Player播放器, 非插件): 转载于:https://blog.51cto.com/100114/ ...

  9. jw player相关JS插件

    2019独角兽企业重金招聘Python工程师标准>>> JW Media Player是一个开源的在网页上使用的 Flash视频.音频以及图片播放器,支持 Sliverlight 播 ...

最新文章

  1. Data Storage(数据存储)之内部储存(Internal Storage)
  2. 牛客 - 张老师的旅行(dp)
  3. 模板:后缀数组(SA)
  4. Node.js学习之(第二章:exports和module.exports)
  5. python matplotlib使用ax绘图
  6. bootstrap table 分页只显示分页不显示总页数等数据
  7. matlab2c使用c++实现matlab函数系列教程-sign函数
  8. Does Your Wooden Surface Really Need Sealing?
  9. 嘉兴 机器人仓库 菜鸟_投资 2.1 亿!又一高端智能装备项目落户嘉兴科技城
  10. Arduino驱动的安装
  11. 问题解决: Google企业邮箱收不到Postfix发的邮件
  12. 面试方法-麦可利兰的能力素质模型
  13. 双十一数码好物指南,双十一不踩坑推荐
  14. CF1413A 【Finding Sasuke】
  15. 户外直播 4G/5G户外高清直播 5G视频回传
  16. Spark Streaming 图片处理案例介绍
  17. 不能初始化数据库支持endnote_EndNote正确恢复数据库方法 | 科研动力
  18. 备份android分区,备份分区
  19. 深度学习中的VQA(视觉问答)技术
  20. 华为手机能隐藏蓝牙吗_华为手机有哪些隐藏实用功能?如何开启华为手机NFC功能...

热门文章

  1. “IT列国”之“商鞅变法” ——IT企业的流程再造项目
  2. Slashdot创始人:“骚乱”是机会 Digg模式存在不足
  3. 第一章 程序设计基本方法
  4. 使用python 处理表格生成图表_教你用Python自动读取数据生成图表,产生的效益很可观...
  5. iOS开发夜间模式的设置(主题切换)
  6. 计算机网络组成原理实验,计算机组成原理实验教程
  7. 通过PS把普通照片变成高大上的电影海报大片
  8. uni-app开发常用点
  9. org.junit.platform.commons.JUnitException: TestEngine with ID ‘junit-vintage‘failed to discover test
  10. android打开视频噔_抖音按手指喝酒_抖音钢琴曲前奏噔噔噔