分享一款基于jQuery的视频播放插件
最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!
<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>
相关文章
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
这篇文章主要介绍了jQuery获取所有父级元素及同级元素及子元素的方法,本文给大家介绍的非常详细,具有参考借鉴价值 ,需要的朋友可以参考下2018-01-01使用prop解决一个checkbox选中后再次选中失效的问题
下面小编就为大家带来一篇使用prop解决一个checkbox选中后再次选中失效的问题。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2017-07-07
最新评论