如何使用JW Player来播放Flash并隐藏控制按钮和自定义播放完成后执行的JS
<!--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>
如何使用JW Player来播放Flash并隐藏控制按钮和自定义播放完成后执行的JS相关推荐
- JW Player使用简介
一.JW Player是什么? 简单地说,JW Player是一种基于flash的交互式网页媒体播放器.它是由Jeroen 和 Wijering共同建立的LongTail Video所开发,问世于20 ...
- 关于最新版Chrome浏览器使用swfobject.swf, uploadify等无法正常播放Flash的问题
问题发现在更新到最新版Chrome后,之前项目中使用的uploadify上传插件的动画效果不显示,导致上传按钮等无法正常显示,功能异常,寻求最新版Chrome下的解决办法 起初以为是最新版Chrome ...
- html5 序列帧播放器,H5序列图片视频化播放
var imglistplay = function (obj) { var indexRange = [1, 107]; var maxLength = indexRange[1] - indexR ...
- jw player flash网页播放器 参数说明以及应用配置
jw player flash网页播放器 参数说明以及应用配置 1.参数解释 这些参数可以配置被嵌入到html中的播放器的行为和外观.如果使用swfobject.js,可以用addVariable() ...
- flash播放器JW Player使用方法
flash播放器JW Player使用方法 JW Player是个挺好的flash播放器,功能挺强,目前最新版本4.4. 该播放器支持格式如下: 视频FLV和MP4 音频MP3和AAC 图片JPG.G ...
- JW PLAYER 是一个界面简洁、功能齐全的在线flv flash播放器
JW PLAYER 是一个界面简洁.功能齐全的在线flv flash播放器.有着很多可选控制参数. 多个参数可以混合使用,下面选择几个作简要说明: file (FLV文件的地址,如果不设置则默认为jw ...
- jwplayer html插件,jw player(网页媒体播放器插件) v2017 最新版
软件标签: jwplayer flash插件 播放器插件 jwplayer是一款功能十分强大的网页播放器,安装此插件后,用户可以使用网页观看各种格式视频,功能有些类似于flash,不过支持的视频格式更 ...
- Adobe Flash Player 9.0.45.0 简体中文官方下载(本地播放Flash Player播放器, 非插件)...
Adobe Flash Player 9.0.45.0 简体 中文官方下载(本地播放 Flash Player播放器, 非插件): 转载于:https://blog.51cto.com/100114/ ...
- jw player相关JS插件
2019独角兽企业重金招聘Python工程师标准>>> JW Media Player是一个开源的在网页上使用的 Flash视频.音频以及图片播放器,支持 Sliverlight 播 ...
最新文章
- Data Storage(数据存储)之内部储存(Internal Storage)
- 牛客 - 张老师的旅行(dp)
- 模板:后缀数组(SA)
- Node.js学习之(第二章:exports和module.exports)
- python matplotlib使用ax绘图
- bootstrap table 分页只显示分页不显示总页数等数据
- matlab2c使用c++实现matlab函数系列教程-sign函数
- Does Your Wooden Surface Really Need Sealing?
- 嘉兴 机器人仓库 菜鸟_投资 2.1 亿!又一高端智能装备项目落户嘉兴科技城
- Arduino驱动的安装
- 问题解决: Google企业邮箱收不到Postfix发的邮件
- 面试方法-麦可利兰的能力素质模型
- 双十一数码好物指南,双十一不踩坑推荐
- CF1413A 【Finding Sasuke】
- 户外直播 4G/5G户外高清直播 5G视频回传
- Spark Streaming 图片处理案例介绍
- 不能初始化数据库支持endnote_EndNote正确恢复数据库方法 | 科研动力
- 备份android分区,备份分区
- 深度学习中的VQA(视觉问答)技术
- 华为手机能隐藏蓝牙吗_华为手机有哪些隐藏实用功能?如何开启华为手机NFC功能...
热门文章
- “IT列国”之“商鞅变法” ——IT企业的流程再造项目
- Slashdot创始人:“骚乱”是机会 Digg模式存在不足
- 第一章 程序设计基本方法
- 使用python 处理表格生成图表_教你用Python自动读取数据生成图表,产生的效益很可观...
- iOS开发夜间模式的设置(主题切换)
- 计算机网络组成原理实验,计算机组成原理实验教程
- 通过PS把普通照片变成高大上的电影海报大片
- uni-app开发常用点
- org.junit.platform.commons.JUnitException: TestEngine with ID ‘junit-vintage‘failed to discover test
- android打开视频噔_抖音按手指喝酒_抖音钢琴曲前奏噔噔噔