分享一款基于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 相关文章推荐
理解JSON:3分钟课程
Oct 28 Javascript
用jQuery获取IE9下拉框默认值问题探讨
Jul 22 Javascript
es6在react中的应用代码解析
Nov 08 Javascript
AngularJS集合数据遍历显示的实例
Dec 27 Javascript
JS实现的贪吃蛇游戏完整实例
Jan 18 Javascript
JavaScript禁用右键单击优缺点分析
Jan 20 Javascript
如何使用50行javaScript代码实现简单版的call,apply,bind
Aug 14 Javascript
layui实现鼠标移动到单元格上显示数据的方法
Sep 11 Javascript
通过实例了解JS 连续赋值
Sep 24 Javascript
js如何验证密码强度
Mar 18 Javascript
功能完善的小程序日历组件的实现
Mar 31 Javascript
JS 获取文件后缀,判断文件类型(比如是否为图片格式)
May 09 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+Mysql日期时间如何转换(UNIX时间戳和格式化日期)
2012/07/15 PHP
PHP文章采集URL补全函数(FormatUrl)
2012/08/02 PHP
Thinkphp中Create方法深入探究
2014/06/16 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
PHP中使用curl入门教程
2015/07/02 PHP
WordPress中设置Post Type自定义文章类型的实例教程
2016/05/10 PHP
thinkPHP框架整合tcpdf插件操作示例
2018/08/07 PHP
PHP whois查询类定义与用法示例
2019/04/03 PHP
yepnope.js 异步加载资源文件
2011/09/08 Javascript
通过url查找a元素并点击
2014/04/09 Javascript
Jquery技巧(必须掌握)
2016/03/16 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
jQuery扩展实现text提示还能输入多少字节的方法
2016/11/28 Javascript
vue-cli webpack 开发环境跨域详解
2017/05/18 Javascript
详解Node全局变量global模块
2017/09/28 Javascript
AngularJS实现的简单拖拽功能示例
2018/01/02 Javascript
完美解决axios跨域请求出错的问题
2018/02/05 Javascript
jquery radio 动态控制选中失效问题的解决方法
2018/02/28 jQuery
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
详解Vue+ElementUI从零开始搭建自己的网站(一、环境搭建)
2019/04/30 Javascript
Vue 使用typescript如何优雅的调用swagger API
2020/09/01 Javascript
介绍Python中的一些高级编程技巧
2015/04/02 Python
详解关于Django中ORM数据库迁移的配置
2018/10/08 Python
python求最大值,不使用内置函数的实现方法
2019/07/09 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
Python3 字典dictionary入门基础附实例
2020/02/10 Python
OpenCV4.1.0+VS2017环境配置的方法步骤
2020/07/09 Python
HTML5 Video标签的属性、方法和事件汇总介绍
2015/04/24 HTML / CSS
BabyBjörn婴儿背带法国官网:BabyBjorn法国
2018/06/16 全球购物
传统软件工程与面向对象的软件工程有什么区别
2012/05/31 面试题
学校地质灾害防治方案
2014/06/10 职场文书
商业企业管理专业求职信
2014/07/10 职场文书
法定代表人身份证明书
2014/09/10 职场文书
车间主任岗位职责
2015/02/03 职场文书
初中英语教师个人工作总结
2015/02/09 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书