分享一款基于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学习阶段性总结(2)--(X)HTML学习
Feb 03 Javascript
javascript 另一种图片滚动切换效果思路
Apr 20 Javascript
jquerydom对象的事件隐藏显示和对象数组示例
Dec 10 Javascript
判断某个字符在一个字符串中是否存在的js代码
Feb 28 Javascript
基于HTML+CSS+JS实现增加删除修改tab导航特效代码
Aug 05 Javascript
基于JS实现仿京东搜索栏随滑动透明度渐变效果
Jul 10 Javascript
原生js+cookie实现购物车功能的方法分析
Dec 21 Javascript
纯js代码生成可搜索选择下拉列表的实例
Jan 11 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
从零开始用electron手撸一个截屏工具的示例代码
Oct 10 Javascript
JS实现普通轮播图特效
Jan 01 Javascript
js实现select下拉框选择
Jan 11 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
合作指挥官:孟斯克
2020/03/16 星际争霸
PHP 地址栏信息的获取代码
2009/01/07 PHP
PHP防止注入攻击实例分析
2014/11/03 PHP
php官方微信接口大全(微信支付、微信红包、微信摇一摇、微信小店)
2015/12/21 PHP
浅谈laravel orm 中的一对多关系 hasMany
2019/10/21 PHP
PHP反射基础知识回顾
2020/09/10 PHP
一个网马的tips实现分析
2010/11/28 Javascript
JS拖动技术 关于setCapture使用
2010/12/09 Javascript
jQuery数组处理方法汇总
2011/06/20 Javascript
详解JavaScript中的自定义事件编写
2016/05/10 Javascript
深入理解逻辑表达式的用法 与或非的用法
2016/06/06 Javascript
Javascript点击其他任意地方隐藏关闭DIV实例
2016/06/21 Javascript
浅谈JQuery+ajax+jsonp 跨域访问
2016/06/25 Javascript
JavaScript的六种继承方式(推荐)
2017/06/26 Javascript
常用的9个JavaScript图表库详解
2017/12/19 Javascript
JS控制鼠标拒绝点击某一按钮的实例
2017/12/29 Javascript
javascript 通过键名获取键盘的keyCode方法
2017/12/31 Javascript
node.js利用socket.io实现多人在线匹配联机五子棋
2018/05/31 Javascript
详解解决使用axios发送json后台接收不到的问题
2018/06/27 Javascript
JavaScript面向对象继承原理与实现方法分析
2018/08/09 Javascript
webpack file-loader和url-loader的区别
2019/01/15 Javascript
Vue父组件向子组件传值以及data和props的区别详解
2020/03/02 Javascript
简单使用Python自动生成文章
2014/12/25 Python
在Python的Django框架中创建语言文件
2015/07/27 Python
python访问抓取网页常用命令总结
2017/04/11 Python
浅谈PyQt5 的帮助文档查找方法,可以查看每个类的方法
2019/06/25 Python
matplotlib实现显示伪彩色图像及色度条
2019/12/07 Python
Python常用库大全及简要说明
2020/01/17 Python
Python压缩模块zipfile实现原理及用法解析
2020/08/14 Python
Python使用urlretrieve实现直接远程下载图片的示例代码
2020/08/17 Python
意大利香水和化妆品购物网站:Parfimo.it
2019/10/06 全球购物
公司周年庆活动方案
2014/08/25 职场文书
对领导班子的意见和建议
2015/06/08 职场文书
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
详解Python中的进程和线程
2021/06/23 Python
方法汇总:Python 安装第三方库常用
2022/04/26 Python