分享一款基于jQuery的视频播放插件


Posted in Javascript onOctober 09, 2014

最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!

<div class="report" id="play-product" style="cursor: pointer"  data-flv="视频路径地址"></div>
<script type="text/javascript">

//播放视频

$('#play-product').click(function(){

      var flvUrl = $(this).attr('data-flv');

      var Close = 'closePlayer';

      var box = 'playerBox';
      var objclose = "#"+Close;

      var objBox = "#"+box;
      $("body").append("<div id= "+box+"><div class='closeTitle'><a href='javascript:;' id= "+Close+">点击关闭</a></div><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' width='100%' height='100%' id='index' align='middle'><param name='movie' value='/club/images/flvPlayer.swf'><param name='quality' value='high'><param name='bgcolor' value='#000'><param name='play' value='true'><param name='loop' value='true'><param name='wmode' value='transparent'><param name='scale' value='showall'><param name='menu' value='true'><param name='devicefont' value='false'><param name='salign' value=''><param name='flashvars'  value='flvURL="+flvUrl+"'><param name='allowScriptAccess' value='sameDomain'><param name='allowFullScreen' value='true'><!--[if !IE]>--><object type='application/x-shockwave-flash' data='/club/images/flvPlayer.swf' width='100%' height='100%' align='middle'><param name='movie' value='/club/images/flvPlayer.swf'><param name='quality' value='high'><param name='bgcolor' value='#000'><param name='play' value='true'><param name='loop' value='true'><param name='wmode' value='transparent'><param name='scale' value='showall'><param name='menu' value='true'><param name='devicefont' value='false'><param name='salign' value=''><param name='allowFullScreen' value='true'><param name='flashvars' value='flvURL="+flvUrl+"'><param name='allowScriptAccess' value='sameDomain'><!--<![endif]--><a href='http://www.adobe.com/go/getflash'><img src='http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif' alt='取得 Adobe Flash 播放程式'></a><!--[if !IE]>--></object><!--<![endif]--></object></div>");
        $(objclose).click(function(){

          $(objBox).remove();

        });

        return false;

    });

</script>
Javascript 相关文章推荐
JavaScript 事件的一些重要说明
Oct 25 Javascript
jquery入门—数据删除与隔行变色以及图片预览
Jan 07 Javascript
JavaScript实现网页上的浮动广告的简单方法
Jun 14 Javascript
javascript中match函数的用法小结
Feb 08 Javascript
jQuery取id有.的值的方法
May 21 Javascript
jQuery中contents()方法用法实例
Jan 08 Javascript
JavaScript实现点击自动选择TextArea文本的方法
Jul 02 Javascript
HTML5+jQuery插件Quicksand实现超酷的星际争霸2兵种分类展示效果(附demo源码下载)
May 25 Javascript
jQuery Easyui DataGrid点击某个单元格即进入编辑状态焦点移开后保存数据
Aug 15 Javascript
Bootstrap 3多级下拉菜单实例
Nov 23 Javascript
js数组常用最重要的方法
Feb 04 Javascript
Vue数字输入框组件使用方法详解
Feb 10 Javascript
使用jQuery.wechat构建微信WEB应用
Oct 09 #Javascript
使用jQuery将多条数据插入模态框的实现代码
Oct 08 #Javascript
get(0).tagName获得作用标签示例代码
Oct 08 #Javascript
一个css与js结合的下拉菜单支持主流浏览器
Oct 08 #Javascript
Javascript获取当前日期的农历日期代码
Oct 08 #Javascript
javascript中通过arguments参数伪装方法重载
Oct 08 #Javascript
利用原生JavaScript获取元素样式只是获取而已
Oct 08 #Javascript
You might like
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
Thinkphp调用Image类生成缩略图的方法
2015/03/07 PHP
PHP中使用BigMap实例
2015/03/30 PHP
php实现的Curl封装类Curl.class.php用法实例分析
2015/09/25 PHP
JavaScript 无符号右移赋值操作
2009/04/17 Javascript
Javascript 实用小技巧
2010/04/07 Javascript
基于Jquery的跨域传输数据(JSONP)
2011/03/10 Javascript
JavaScript获取客户端计算机硬件及系统等信息的方法
2014/01/02 Javascript
js事件绑定快捷键以ctrl+k为例
2014/09/30 Javascript
JavaScript中的getTimezoneOffset()方法使用详解
2015/06/10 Javascript
基于jQuery Tipso插件实现消息提示框特效
2016/03/16 Javascript
基于JS实现导航条flash导航条
2016/06/17 Javascript
jquery判断iPhone、Android设备类型
2016/09/14 Javascript
详解javascript立即执行函数表达式IIFE
2017/02/13 Javascript
详解JavaScript 中getElementsByName在IE中的注意事项
2017/02/21 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
JavaScript undefined及null区别实例解析
2020/07/21 Javascript
[01:03:03]VP vs Mineski 2018国际邀请赛淘汰赛BO3 第一场 8.22
2018/08/23 DOTA
python抓取网页内容示例分享
2014/02/24 Python
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
Python字符串和字典相关操作的实例详解
2017/09/23 Python
python在线编译器的简单原理及简单实现代码
2018/02/02 Python
详解python做UI界面的方法
2019/02/27 Python
Python3.6+Django2.0以上 xadmin站点的配置和使用教程图解
2019/06/04 Python
python读取并写入mat文件的方法
2019/07/12 Python
tensorflow 实现自定义梯度反向传播代码
2020/02/10 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
Python 通过爬虫实现GitHub网页的模拟登录的示例代码
2020/08/17 Python
世界上获奖最多的手机镜头:Olloclip
2018/03/03 全球购物
Jimmy Choo美国官网:周仰杰鞋子品牌
2018/06/08 全球购物
捷克钓鱼用品网上商店:Parys.cz
2018/06/15 全球购物
2014端午节活动策划方案
2014/01/27 职场文书
文秘个人求职信范文
2014/04/22 职场文书
教师工作失职检讨书
2014/09/18 职场文书
供应商食品安全承诺书
2015/04/29 职场文书