分享一款基于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 相关文章推荐
Jquery Ajax学习实例3 向WebService发出请求,调用方法返回数据
Mar 16 Javascript
jQuery调用ajax请求的常见方法汇总
Mar 24 Javascript
javascript实现checkbox全选的代码
Apr 30 Javascript
JavaScript中string对象
Jun 12 Javascript
jQuery仿京东商城楼梯式导航定位菜单
Jul 25 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
vue双向绑定的简单实现
Dec 22 Javascript
vue-cli 如何打包上线的方法示例
May 08 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
详解Require.js与Sea.js的区别
Aug 05 Javascript
vuejs点击class变化的实例
Sep 05 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 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
php操作xml
2013/10/27 PHP
JavaScript Konami Code 实现代码
2009/07/29 Javascript
Firebug 字幕文件JSON地址获取代码
2009/10/28 Javascript
javascript面向对象包装类Class封装类库剖析
2013/01/24 Javascript
关于IE中getElementsByClassName不能用的问题解决方法
2013/08/26 Javascript
javascript的回调函数应用示例
2014/02/20 Javascript
Ext JS框架程序中阻止键盘触发回退或者刷新页面的代码分享
2016/06/07 Javascript
移动端翻页插件dropload.js(支持Zepto和jQuery)
2016/07/27 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
2016/12/01 Javascript
详解React-Native解决键盘遮挡问题(Keyboard遮挡问题)
2017/07/13 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
2017/09/14 Javascript
Bootstrap Table列宽拖动的方法
2018/08/15 Javascript
nodejs搭建本地服务器并访问文件操作示例
2019/05/11 NodeJs
Vue实现菜单切换功能
2020/11/08 Javascript
[04:26]DOTA2上海特锦赛小组赛第二日 TOP10精彩集锦
2016/02/27 DOTA
[58:00]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Elephant BO3 第二场 2月7日
2021/03/11 DOTA
Python IDLE 错误:IDLE''s subprocess didn''t make connection 的解决方案
2017/02/13 Python
Python利用flask sqlalchemy实现分页效果
2020/08/02 Python
Python编程之序列操作实例详解
2017/07/22 Python
Python利用itchat对微信中好友数据实现简单分析的方法
2017/11/21 Python
python使用KNN算法手写体识别
2018/02/01 Python
python监控进程脚本
2018/04/12 Python
python实现人人自动回复、抢沙发功能
2018/06/08 Python
python系列 文件操作的代码
2019/10/06 Python
python实现串口通信的示例代码
2020/02/10 Python
Windows下Anaconda安装、换源与更新的方法
2020/04/17 Python
python爬虫---requests库的用法详解
2020/09/28 Python
Space NK英国站:英国热门美妆网站
2017/12/11 全球购物
家得宝官网:The Home Depot(全球最大的家居装饰专业零售商)
2018/12/17 全球购物
C#软件工程师英语面试题
2015/06/07 面试题
迎接领导欢迎词
2014/01/11 职场文书
材料专业毕业生求职信
2014/02/26 职场文书
银行员工犯错检讨书
2014/09/16 职场文书
员工试用期自我评价
2014/09/18 职场文书
骨干教师事迹材料
2014/12/17 职场文书
pytorch通过训练结果的复现设置随机种子
2021/06/01 Python