分享一款基于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 相关文章推荐
Prototype 1.5.0_rc1 及 Prototype 1.5.0 Pre0小抄本
Sep 22 Javascript
Date对象格式化函数代码
Jul 17 Javascript
百度移动版的url编码解码示例
Apr 29 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
js数组的操作指南
Dec 28 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
jquery 判断是否支持Placeholder属性的方法
Feb 07 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
Feb 18 Javascript
JS触摸事件、手势事件详解
May 04 Javascript
详解webpack分离css单独打包
Jun 21 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
vue实现路由懒加载及组件懒加载的方式
Jun 11 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
咖啡产品发展的三大浪潮
2021/03/04 咖啡文化
一步一步学习PHP(5) 类和对象
2010/02/16 PHP
php中使用websocket详解
2016/09/23 PHP
PHP+Apache实现二级域名之间共享cookie的方法
2019/07/24 PHP
javascript中判断一个值是否在数组中并没有直接使用
2012/12/17 Javascript
使用jQuery.fn自定义jQuery翻页插件
2013/01/20 Javascript
初步认识JavaScript函数库jQuery
2015/06/18 Javascript
jQuery实现无限往下滚动效果代码
2016/04/16 Javascript
jquery实现倒计时小应用
2017/09/19 jQuery
详解node单线程实现高并发原理与node异步I/O
2017/09/21 Javascript
Vue调试神器vue-devtools安装方法
2017/12/12 Javascript
Vue实现带进度条的文件拖动上传功能
2018/02/23 Javascript
Vue 子组件与数据传递问题及注意事项
2019/07/11 Javascript
解决layui数据表格table的横向滚动条显示问题
2019/09/04 Javascript
微信小程序背景音乐开发详解
2019/12/12 Javascript
Python的高级Git库 Gittle
2014/09/22 Python
Python实现简单拆分PDF文件的方法
2015/07/30 Python
VSCode下好用的Python插件及配置
2018/04/06 Python
python自动查询12306余票并发送邮箱提醒脚本
2018/05/21 Python
Python寻找路径和查找文件路径的示例
2019/07/10 Python
Python使用Pandas读写Excel实例解析
2019/11/19 Python
TensorFlow 显存使用机制详解
2020/02/03 Python
Python利用 utf-8-sig 编码格式解决写入 csv 文件乱码问题
2020/02/21 Python
python批量替换文件名中的共同字符实例
2020/03/05 Python
python实现图像拼接功能
2020/03/23 Python
解决Django部署设置Debug=False时xadmin后台管理系统样式丢失
2020/04/07 Python
浅谈python处理json和redis hash的坑
2020/07/16 Python
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
巴西葡萄酒商店:Divvino
2020/02/22 全球购物
机电专业毕业生求职信
2013/10/27 职场文书
开展批评与自我批评发言材料
2014/05/15 职场文书
优秀党员事迹材料
2014/12/18 职场文书
护林员个人总结
2015/03/04 职场文书
投资公司董事长岗位职责
2015/04/16 职场文书
立秋之描写立秋的作文(五年级)
2019/08/08 职场文书
PC版《死亡搁浅导剪版》现已发售 展开全新的探险
2022/04/03 其他游戏