分享一款基于jQuery的視頻播放插件
最近寫(xiě)了一個(gè)在線(xiàn)視頻播放的功能,感覺(jué)這個(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)仿騰訊視頻列表分頁(yè)效果的方法
- jQuery實(shí)現(xiàn)視頻作為全屏幕背景
- Jquery實(shí)現(xiàn)視頻播放頁(yè)面的關(guān)燈開(kāi)燈效果
- 精通Javascript+jQuery 視頻教程 在線(xiàn)觀(guān)看
- 12款經(jīng)典的白富美型—jquery圖片輪播插件—前端開(kāi)發(fā)必備
- Jquery插件 easyUI屬性匯總
- 強(qiáng)烈推薦240多個(gè)jQuery插件提供下載
- jQuery插件JWPlayer視頻播放器用法實(shí)例分析
相關(guān)文章
Jquery 獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除
這篇文章主要介紹了Jquery如何獲取指定標(biāo)簽的對(duì)象及屬性的設(shè)置與移除,需要的朋友可以參考下2014-05-05js jquery驗(yàn)證銀行卡號(hào)信息正則學(xué)習(xí)
銀行卡號(hào)格式驗(yàn)證如何錯(cuò)誤將提示:格式錯(cuò)誤,應(yīng)該是19位數(shù)字,利用正則實(shí)現(xiàn),感興趣的朋友可以了解下,希望本文對(duì)你學(xué)習(xí)正則有所幫助2013-01-01jQuery動(dòng)畫(huà)效果-fadeIn fadeOut淡入淺出示例代碼
jQuery動(dòng)畫(huà)效果淡入淺出想必大家都有見(jiàn)到過(guò)吧,其實(shí)很很簡(jiǎn)單,通過(guò)fadeIn fadeOut方法便可輕松實(shí)現(xiàn),具體如下,喜歡的朋友可以參考下,希望對(duì)大家有所幫助2013-08-08Jquery on方法綁定事件后執(zhí)行多次的解決方法
下面小編就為大家?guī)?lái)一篇Jquery on方法綁定事件后執(zhí)行多次的解決方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)平滑滾動(dòng)到指定錨點(diǎn)的方法,實(shí)例分析了jQuery根據(jù)錨點(diǎn)定位滾動(dòng)的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03