手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >分享一款基于jQuery的视频播放插件
分享一款基于jQuery的视频播放插件
摘要:最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!复制代码代码如下://播放视频$('#play-product').cl...

最近写了一个在线视频播放的功能,感觉这个插件还可以,和大家分享一下!

复制代码 代码如下:

<div id="play-product" 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><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'><><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'><><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><></object><></object></div>");

$(objclose).click(function(){

$(objBox).remove();

});

return false;

});

</script>

【分享一款基于jQuery的视频播放插件】相关文章:

基于jQuery插件实现环形图标菜单旋转切换特效

10条建议帮助你创建更好的jQuery插件

javascript实现炫酷的拖动分页

javascript常用方法总结

基于jquery实现下拉框美化特效

jquery实现的判断倒计时是否结束代码

js禁止页面刷新与后退的方法

分享十五款 jQuery 社交网络分享插件

基于jQuery实现的无刷新表格分页实例

jQuery异步上传文件插件ajaxFileUpload详细介绍

精品推荐
分类导航