分享一款基于jQuery的视频播放插件
作者:bea
最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下! 代码如下: <div class="report" id="play-product" style="cursor: pointer" data-flv="视频路径地址"></div> <script type="text/javascript"> //播放视频 $('#play-product').click(function(){ var flvUrl
最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!
代码如下:
<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>
有用 | 无用
代码如下:
<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中最简洁的编码html字符串的方法
- 原生Javascript封装的一个AJAX函数分享
- 探讨js字符串数组拼接的性能问题
- 分享20款美化网站的 jQuery Lightbox 灯箱插件
- Jquery $.getJSON 在IE下的缓存问题解决方法
- js点击button按钮跳转到另一个新页面
- jQuery获取iframe的document对象的方法
- jquery实现多行文字图片滚动效果示例代码
- 一个js过滤空格的小函数
- JS 新增Cookie 取cookie值 删除cookie 举例详解
- window.location 对象所包含的属性
- JavaScript参数个数可变的函数举例说明
- JavaScript设计模式之外观模式实例
- JavaScript中的无阻塞加载性能优化方案
- JavaScript设计模式之策略模式实例
- JavaScript运行机制之事件循环(Event Loop)详解
- Javascript 读取操作Sql中的Xml字段
- Javascript验证用户输入URL地址是否为空及格式是否正确
- 使用js Math.random()函数生成n到m间的随机数字