分享一款基于jQuery的視頻播放插件
最近寫了一個(gè)在線視頻播放的功能,感覺這個(gè)插件還可以,和大家分享一下!
<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+">點(diǎn)擊關(guān)閉</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 ><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>
- 推薦10個(gè)2014年最佳的jQuery視頻插件
- 基于jquery創(chuàng)建的一個(gè)圖片、視頻緩沖的效果樣式插件
- jquery html5 視頻播放控制代碼
- jquery點(diǎn)擊縮略圖切換視頻播放特效代碼分享
- jQuery實(shí)現(xiàn)仿騰訊視頻列表分頁效果的方法
- jQuery實(shí)現(xiàn)視頻作為全屏幕背景
- Jquery實(shí)現(xiàn)視頻播放頁面的關(guān)燈開燈效果
- 精通Javascript+jQuery 視頻教程 在線觀看
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開發(fā)必備
- Jquery插件 easyUI屬性匯總
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- jQuery插件JWPlayer視頻播放器用法實(shí)例分析
相關(guān)文章
jQuery簡(jiǎn)單實(shí)現(xiàn)向列表動(dòng)態(tài)添加新元素的方法示例
這篇文章主要介紹了jQuery簡(jiǎn)單實(shí)現(xiàn)向列表動(dòng)態(tài)添加新元素的方法,涉及jQuery事件響應(yīng)及頁面元素動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2017-12-12
JQuery給元素添加/刪除節(jié)點(diǎn)比如select
本教程詳細(xì)介紹下jQuery添加/刪除Select的Option項(xiàng),感興趣的各位可以參考下哈2013-04-04
jQuery清除定時(shí)任務(wù)的實(shí)現(xiàn)
jQuery中使用setInterval函數(shù)設(shè)置定時(shí)任務(wù),并通過clearInterval函數(shù)來清除這些任務(wù),從而避免資源浪費(fèi)或邏輯混亂,具有一定的參考價(jià)值,感興趣的可以了解一下2024-09-09
圣誕節(jié)Merry Christmas給博客添加浪漫的下雪效果基于jquery實(shí)現(xiàn)
一年一度的圣誕節(jié)又到了,首先祝大家好運(yùn)一串串,健康一年年,平安到永遠(yuǎn)!今天就教大家如何在博客中添加紛紛揚(yáng)揚(yáng)的下雪效果。今天,你那里下雪了嗎2012-12-12
jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能
這篇文章主要介紹了jqgrid實(shí)現(xiàn)簡(jiǎn)單的單行編輯功能,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-09-09
jQuery CSS()方法改變現(xiàn)有的CSS樣式
css()方法在使用上具有多樣性。其中有一種可接受兩個(gè)輸入?yún)?shù):樣式屬性和樣式值,兩者之間用逗號(hào)分隔,下面通過實(shí)例為大家介紹下2014-08-08
jquery cookie實(shí)現(xiàn)的簡(jiǎn)單換膚功能適合小網(wǎng)站
使用jquery cookie做了一個(gè)簡(jiǎn)單的換膚功能適合小網(wǎng)站并且代碼低級(jí),具體實(shí)現(xiàn)過程如下,感興趣的朋友可以了解下2013-08-08
Jquery Ajax學(xué)習(xí)實(shí)例4 向WebService發(fā)出請(qǐng)求,返回實(shí)體對(duì)象的異步調(diào)用
Jquery Ajax學(xué)習(xí)實(shí)例4-向WebService發(fā)出請(qǐng)求,返回實(shí)體對(duì)象的異步調(diào)用2010-03-03

