分享一款基于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 DIV弹出效果实现代码
Jul 03 Javascript
快速解决jquery之get缓存问题的最简单方法介绍
Dec 19 Javascript
js 3秒后跳转页面的实现代码
Mar 10 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
May 06 Javascript
微信小程序  audio音频播放详解及实例
Nov 02 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
基于canvas粒子系统的构建详解
Aug 31 Javascript
jQuery使用动画队列自定义动画操作示例
Jun 16 jQuery
layui实现多图片上传并限制上传的图片数量
Sep 26 Javascript
Vue 基于 vuedraggable 实现选中、拖拽、排序效果
May 18 Javascript
比较node.js和Deno
Apr 27 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日期处理函数 整型日期格式
2011/01/12 PHP
跟我学Laravel之安装Laravel
2014/10/15 PHP
PHP中应该避免使用同名变量(拆分临时变量)
2015/04/03 PHP
ThinkPHP中使用Ueditor富文本编辑器
2015/09/02 PHP
JS中剪贴板兼容性、判断复制成功或失败
2021/03/09 Javascript
JScript 脚本实现文件下载 一般用于下载木马
2009/10/29 Javascript
javascript跨域原因以及解决方案分享
2015/04/08 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
JS实现的车标图片提示效果代码
2015/10/10 Javascript
JS日期加减,日期运算代码
2015/11/05 Javascript
jQuery实现拖动剪裁图片作为头像
2016/12/28 Javascript
Vue组件开发初探
2017/02/14 Javascript
jq checkbox 的全选并ajax传参的实例
2017/04/01 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
js 取消页面可以选中文字的功能方法
2018/01/02 Javascript
解决Vue2.0 watch对象属性变化监听不到的问题
2018/09/11 Javascript
Node.js JSON模块用法实例分析
2019/01/04 Javascript
利用JavaScript的Map提升性能的方法详解
2019/08/14 Javascript
VUE 自定义组件模板的方法详解
2019/08/30 Javascript
element ui分页多选,翻页记忆的实例
2019/09/03 Javascript
Python解惑之True和False详解
2017/04/24 Python
TensorFlow入门使用 tf.train.Saver()保存模型
2018/04/24 Python
python定时关机小脚本
2018/06/20 Python
django 微信网页授权认证api的步骤详解
2019/07/30 Python
PyCharm导入python项目并配置虚拟环境的教程详解
2019/10/13 Python
如何获取Python简单for循环索引
2019/11/21 Python
一文读懂python Scrapy爬虫框架
2021/02/24 Python
在HTML5 Canvas中放入图片和保存为图片的方法
2014/05/03 HTML / CSS
美国一家主营日韩美妆护肤品的在线商店:iMomoko
2016/09/11 全球购物
美国的Eastbay旗下的运动款子品牌:Final-Score
2018/01/01 全球购物
副董事长岗位职责
2014/04/02 职场文书
我的梦想演讲稿
2014/04/30 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
5种 JavaScript 方式实现数组扁平化
2021/10/05 Javascript