分享一款基于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 相关文章推荐
html数组字符串拼接的最快方法
Sep 16 Javascript
js兼容的placeholder属性详解
Aug 18 Javascript
Jquery 例外被抛出且未被接住原因介绍
Sep 04 Javascript
javascript创建含数字字母的随机字符串方法总结
Aug 01 Javascript
JavaScript实现点击按钮复制指定区域文本(推荐)
Nov 25 Javascript
微信小程序获取微信运动步数的实例代码
Jul 20 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
JQuery 选择器、DOM节点操作练习实例
Sep 28 jQuery
bootstrap模态框嵌套、tabindex属性、去除阴影的示例代码
Oct 17 Javascript
React.Js添加与删除onScroll事件的方法详解
Nov 03 Javascript
js实现跟随鼠标移动的小球
Aug 26 Javascript
Vue实现跑马灯效果
May 25 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+Html+缓存
2006/12/20 PHP
php中删除字符串中最先出现某个字符的实现代码
2013/02/03 PHP
深入分析php之面向对象
2013/05/15 PHP
php打造智能化的柱状图程序,用于报表等
2015/06/19 PHP
用javascript获取textarea中的光标位置
2008/05/06 Javascript
有关DOM元素与事件的3个谜题
2010/11/11 Javascript
在VS2008中使用jQuery智能感应的方法
2010/12/30 Javascript
神奇的7个jQuery 3D插件整理
2011/01/06 Javascript
jQuery不使用插件及swf实现无刷新文件上传
2014/12/08 Javascript
JavaScript将字符串转换为整数的方法
2015/04/14 Javascript
Bootstrap每天必学之响应式导航、轮播图
2016/04/25 Javascript
纯JS代码实现隔行变色鼠标移入高亮
2016/11/23 Javascript
JS碰撞运动实现方法详解
2016/12/15 Javascript
electron中使用bootstrap的示例代码
2018/11/06 Javascript
vue项目刷新当前页面的三种方法
2018/12/04 Javascript
angular2 NgModel模块的具体使用方法
2019/04/10 Javascript
vue如何在用户要关闭当前网页时弹出提示的实现
2020/05/31 Javascript
js+css3实现简单时钟特效
2020/09/13 Javascript
微信小程序canvas动态时钟
2020/10/22 Javascript
vue实现列表拖拽排序的功能
2020/11/02 Javascript
跟老齐学Python之变量和参数
2014/10/10 Python
Python使用cx_Oracle调用Oracle存储过程的方法示例
2017/10/07 Python
Django代码性能优化与Pycharm Profile使用详解
2018/08/26 Python
python利用ffmpeg进行录制屏幕的方法
2019/01/10 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python文件时间操作步骤代码详解
2020/04/13 Python
python如何绘制疫情图
2020/09/16 Python
瑞典时尚服装购物网站:Miinto.se
2017/10/30 全球购物
新西兰床上用品和家居用品购物网站:Adairs
2018/04/27 全球购物
初级Java程序员面试题
2016/03/03 面试题
我的梦想演讲稿
2014/04/30 职场文书
求职自我推荐信
2015/03/24 职场文书
初中生物教学随笔
2015/08/15 职场文书
2016学校元旦晚会经典开场白台词
2015/12/03 职场文书
导游词之山西祁县乔家大院
2019/10/14 职场文书
MySQL数据库如何使用Shell进行连接
2022/04/12 MySQL