分享一款基于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中event对象属性与方法小结
Dec 18 Javascript
JS中类或对象的定义说明
Mar 10 Javascript
js/jquery判断浏览器的方法小结
Sep 02 Javascript
ECMAScript6中Set/WeakSet详解
Jun 12 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
深入理解Javascript中的自执行匿名函数
Jun 03 Javascript
BootStrap实现树形目录组件代码详解
Jun 21 Javascript
jQuery Ajax实现跨域请求
Jan 21 Javascript
微信小程序实现带刻度尺滑块功能
Mar 29 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
详解vue渲染函数render的使用
Dec 12 Javascript
彻底搞懂并解决vue-cli4中图片显示的问题实现
Aug 31 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实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
Smarty3配置及入门语法
2017/02/22 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
javascript innerText和innerHtml应用
2010/01/28 Javascript
ie中js创建checkbox默认选中问题探讨
2013/10/21 Javascript
javascript获取dom的下一个节点方法
2014/09/05 Javascript
用js判断是否为360浏览器的实现代码
2015/01/15 Javascript
js实现鼠标悬停图片上时滚动文字说明的方法
2015/02/17 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
2016/09/21 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
jQuery实现点击某个div打开层,点击其他div关闭层实例分析(阻止冒泡)
2016/11/18 Javascript
在vue项目中安装使用Mint-UI的方法
2017/12/27 Javascript
Vue实现移动端左右滑动效果的方法
2018/11/27 Javascript
使用vue for时为什么要key【推荐】
2019/07/11 Javascript
nodejs中的异步编程知识点详解
2021/01/17 NodeJs
[01:09:16]DOTA2-DPC中国联赛 正赛 SAG vs Dynasty BO3 第一场 1月25日
2021/03/11 DOTA
Python模拟登录12306的方法
2014/12/30 Python
Python使用multiprocessing实现一个最简单的分布式作业调度系统
2016/03/14 Python
python 使用装饰器并记录log的示例代码
2019/07/12 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
Python操作SQLite数据库过程解析
2019/09/02 Python
Flask项目中实现短信验证码和邮箱验证码功能
2019/12/05 Python
Python request post上传文件常见要点
2020/11/20 Python
C#里面如何倒序排列一个数组的元素?
2013/06/21 面试题
资深财务管理人员自我评价
2013/09/22 职场文书
一份婚庆公司创业计划书
2014/01/11 职场文书
护理专业自我鉴定
2014/01/30 职场文书
综合实践活动方案
2014/02/14 职场文书
股东协议书
2014/04/14 职场文书
工商局副局长个人对照检查材料
2014/09/25 职场文书
优秀教师自我评价范文
2014/09/27 职场文书
2014年党员教师自我剖析材料
2014/09/30 职场文书
办公室岗位职责范本
2015/04/11 职场文书
学籍证明模板
2015/06/18 职场文书
解决python3安装pandas出错的问题
2021/05/20 Python
SpringRetry重试框架的具体使用
2021/07/25 Java/Android