分享一款基于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:以前写的xmlhttp池,代码
May 18 Javascript
js 幻灯片的实现
Dec 06 Javascript
让复选框只能选择一项的方法
Oct 08 Javascript
使用jquery清空、复位整个输入域
Apr 02 Javascript
Node.js的MongoDB驱动Mongoose基本使用教程
Mar 01 Javascript
Sort()函数的多种用法
Mar 20 Javascript
详解vue-cli快速构建项目以及引入bootstrap、jq
May 26 Javascript
基于jQuery对象和DOM对象和字符串之间的转化实例
Aug 08 jQuery
vue.js 使用axios实现下载功能的示例
Mar 05 Javascript
bootstrap中日历范围选择插件daterangepicker的使用详解
Apr 17 Javascript
JavaScript实现随机点名程序
Mar 25 Javascript
JavaScript实现简单的音乐播放器
Aug 14 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
Snoopy类使用小例子
2008/04/15 PHP
php页面跳转代码 输入网址跳转到你定义的页面
2013/03/28 PHP
PHP在innodb引擎下快速代建全文搜索功能简明教程【基于xunsearch】
2016/10/14 PHP
Yii2框架视图(View)操作及Layout的使用方法分析
2019/05/27 PHP
基于Jquery的简单图片切换效果
2011/01/06 Javascript
JS延迟加载加快页面打开速度示例代码
2013/12/30 Javascript
JS之Date对象和获取系统当前时间详解
2014/01/13 Javascript
解决自定义$(id)的方法与jquery选择器$冲突的问题
2014/06/14 Javascript
JavaScript日期时间与时间戳的转换函数分享
2015/01/31 Javascript
ES6中的数组扩展方法
2016/08/26 Javascript
jQuery图片前后对比插件beforeAfter用法示例【附demo源码下载】
2016/09/20 Javascript
vue实现ToDoList简单实例
2017/02/07 Javascript
JS实现图片切换效果
2018/11/17 Javascript
node.js基于socket.io快速实现一个实时通讯应用
2019/04/23 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
Vue-Cli项目优化操作的实现
2019/10/27 Javascript
前端vue+elementUI如何实现记住密码功能
2020/09/20 Javascript
在Python的Django框架中更新数据库数据的方法
2015/07/17 Python
Python中for循环和while循环的基本使用方法
2015/08/21 Python
Python的Twisted框架中使用Deferred对象来管理回调函数
2016/05/25 Python
使用tensorflow实现AlexNet
2017/11/20 Python
利用Hyperic调用Python实现进程守护
2018/01/02 Python
pandas对指定列进行填充的方法
2018/04/11 Python
python小白学习包管理器pip安装
2020/06/09 Python
在tensorflow实现直接读取网络的参数(weight and bias)的值
2020/06/24 Python
python 识别登录验证码图片功能的实现代码(完整代码)
2020/07/03 Python
python如何使用腾讯云发送短信
2020/09/17 Python
Python爬取豆瓣数据实现过程解析
2020/10/27 Python
Python3中FuzzyWuzzy库实例用法
2020/11/18 Python
elf彩妆英国官网:e.l.f. Cosmetics英国(美国平价彩妆品牌)
2017/11/02 全球购物
英国豪华家具和家居用品购物网站:Teddy Beau
2020/10/12 全球购物
如何写一个Java类既可以用作applet也可以用作java应用
2016/01/18 面试题
实习教师自我鉴定
2013/12/12 职场文书
房屋委托书范本
2014/04/04 职场文书
乡镇爱国卫生月活动总结
2014/06/25 职场文书
PyQt5爬取12306车票信息程序的实现
2021/05/14 Python