分享一款基于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基础的动画教程,直观易懂
Jan 10 Javascript
[原创]保存的js无法执行的解决办法
Feb 25 Javascript
javascript转换字符串为dom对象(字符串动态创建dom)
May 10 Javascript
基于jquery的一个OutlookBar类,动态创建导航条
Nov 19 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
Mar 03 Javascript
深入理解JavaScript中的浮点数
May 18 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
Jul 06 Javascript
Angular实现的简单查询天气预报功能示例
Dec 27 Javascript
async/await地狱该如何避免详解
May 10 Javascript
解决vue无法设置滚动位置的问题
Oct 07 Javascript
浅析JavaScript异步代码优化
Mar 18 Javascript
Vue触发隐藏input file的方法实例详解
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
vBulletin Forum 2.3.xx SQL Injection
2006/10/09 PHP
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
php获取通过http协议post提交过来xml数据及解析xml
2012/12/16 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
YII2框架中excel表格导出的方法详解
2017/07/21 PHP
Laravel学习教程之从入口到输出过程详解
2017/08/27 PHP
PHP开发的文字水印,缩略图,图片水印实现类与用法示例
2019/04/12 PHP
PHP文件类型检查及fileinfo模块安装使用详解
2019/05/09 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
qTip 基于JQuery的Tooltip插件[兼容性好]
2010/09/01 Javascript
JavaScript高级程序设计 阅读笔记(二十一) JavaScript中的XML
2012/09/14 Javascript
js实现鼠标感应向下滑动隐藏菜单的方法
2015/02/20 Javascript
JS实现FLASH幻灯片图片切换效果的方法
2015/03/04 Javascript
javascript操作select元素实例分析
2015/03/27 Javascript
JS基于VML技术实现的五角星礼花效果代码
2015/10/26 Javascript
Vue.js每天必学之过滤器与自定义过滤器
2016/09/07 Javascript
用director.js实现前端路由使用实例
2017/01/27 Javascript
浅谈jquery拼接字符串效率比较高的方法
2017/02/22 Javascript
微信小程序 下拉列表的实现实例代码
2017/03/08 Javascript
JavaScript ES6中export、import与export default的用法和区别
2017/03/14 Javascript
JavaScript通过改变文字透明度实现的文字闪烁效果实例
2017/04/27 Javascript
浅析 NodeJs 的几种文件路径
2017/06/07 NodeJs
node的process以及child_process模块学习笔记
2018/03/06 Javascript
webpack external模块的具体使用
2018/03/10 Javascript
vue单页应用在页面刷新时保留状态数据的方法
2018/09/21 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
利用soaplib搭建webservice详细步骤和实例代码
2013/11/20 Python
简单介绍Python中的RSS处理
2015/04/13 Python
python抓取文件夹的所有文件
2018/02/27 Python
详解python while 函数及while和for的区别
2018/09/07 Python
Python用Jira库来操作Jira
2020/12/28 Python
网易微博Web App用HTML5开发的过程介绍
2012/06/13 HTML / CSS
编写函数,将一个3*3矩阵转置
2013/10/09 面试题
大学生求职自荐信
2015/03/24 职场文书
导游词之江南周庄
2019/12/06 职场文书
JS轻量级函数式编程实现XDM三
2022/06/16 Javascript