分享一款基于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 相关文章推荐
js 处理URL实用技巧
Nov 23 Javascript
Javascript Throttle &amp; Debounce应用介绍
Mar 19 Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 Javascript
JavaScript字符串插入、删除、替换函数使用示例
Jul 25 Javascript
javascript中JSON对象与JSON字符串相互转换实例
Jul 11 Javascript
基于jQuery实现复选框是否选中进行答题提示
Dec 10 Javascript
Vue.JS入门教程之处理表单
Dec 01 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
vue-cli项目如何使用vue-resource获取本地的json数据(模拟服务端返回数据)
Aug 04 Javascript
jQuery利用FormData上传文件实现批量上传
Dec 04 jQuery
Vue formData实现图片上传
Aug 20 Javascript
vue+element tabs选项卡分页效果
Jun 29 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学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
PHP使用正则表达式清除超链接文本
2013/11/12 PHP
php权重计算方法代码分享
2014/01/09 PHP
php获取网页中图片、DIV内容的简单方法
2014/06/19 PHP
phpcms的分类名称和类别名称的调用
2017/01/05 PHP
PHP二维数组实现去除重复项的方法【保留各个键值】
2017/12/21 PHP
thinkphp5 URL和路由的功能详解与实例
2017/12/26 PHP
jquery实现图片翻页效果
2013/12/23 Javascript
jquery实现pager控件示例
2014/04/09 Javascript
nodejs npm install全局安装和本地安装的区别
2014/06/05 NodeJs
学习JavaScript设计模式(策略模式)
2015/11/26 Javascript
最佳的JavaScript错误处理实践
2016/07/16 Javascript
AngularJS入门教程之ng-checked 指令详解
2016/08/01 Javascript
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
vue2中引用及使用 better-scroll的方法详解
2018/11/15 Javascript
微信小程序开发之点击按钮退出小程序的实现方法
2019/04/26 Javascript
JavaScript中的连续赋值问题实例分析
2019/07/12 Javascript
python中numpy基础学习及进行数组和矢量计算
2017/02/12 Python
python中的colorlog库使用详解
2019/07/05 Python
Django中URL的参数传递的实现
2019/08/04 Python
Django 项目重命名的实现步骤解析
2019/08/14 Python
python爬虫豆瓣网的模拟登录实现
2019/08/21 Python
python网络爬虫 Scrapy中selenium用法详解
2019/09/28 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
NumPy统计函数的实现方法
2020/01/21 Python
Python装饰器用法与知识点小结
2020/03/09 Python
django列表筛选功能的实现代码
2020/03/27 Python
彪马法国官网:PUMA法国
2019/12/15 全球购物
写演讲稿所需要注意的4个条件
2014/01/09 职场文书
学习雷锋做美德少年寄语大全
2014/04/09 职场文书
大学迎新生标语
2014/10/06 职场文书
2014年前台个人工作总结
2014/11/14 职场文书
2015年会计年终工作总结
2015/05/26 职场文书
2015年汽车销售员工作总结
2015/07/24 职场文书
初中思想品德教学反思
2016/02/24 职场文书
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS