酷播DiscuzX3.2視頻插件完全免費含三套(基于酷播v4.0免費產品)
播放器演示

酷播DiscuzX3.2視頻插件完全免費含三套(基于酷播v4.0免費產品)
播放器介紹
2. DiscuzX3.2/2.5/1.5視頻插件(支持預覽/支持安卓蘋果手機觀看)
3. 含三套功能:默認播放模式、視頻預覽模式、視頻集數列表模式
默認播放模式:視頻標準的觀看形式(全終端適配);
視頻預覽模式:視頻標準的觀看形式(未登錄用戶只能看一小段,支持PC端)
視頻集數列表模式:在帖子中顯示視頻的集數播放
4. 支持強大的廣告功能:前置廣告/視頻廣告/暫停廣告/角標廣告/后置廣告/文字滾動廣告
DiscuzX3.2視頻插件 / DiscuzX1.5視頻插件(支持多終端跨平臺觀看)
提示:本教程插件更新于 2016-12-6 完整教程:
第1步:下載酷播視頻dz插件安裝包,地址如下
http://www.48382574.com/WebPlayer/2016/120682.html第2步:下載后解壓上傳到dz網站根目錄下,如下圖:
第3步:這是要實現的目標效果
第4步:進入dz管理后臺操作界面,參考如下操作:
第5步:添加自定義標標簽:
依次添加A和B兩個圖標,對應添加的內容分別為:
A圖標: cuplayer 24 bb_cuplayer.gif
B圖標: cuplayerEnd 25 bb_cuplayerEnd.gifC圖標: cuplayerList 26 bb_cuplayerList.gif
第6步:由于要分別添加A圖標參數和B圖標參數,所以,我們分兩個部分來說明,添加A圖標參數:
第7步:添加B圖標參數代碼以上涉及的代碼,附上,代碼A區:
<div class="video" id="CuPlayer"><script language="JavaScript">
var vID="";var vWidth=650;var vHeight=400;var vFile="/CuPlayer/CuSunV4set.xml";var vPlayer="/CuPlayer/player.swf?v=3.5";var vMp4url="{1}";var vPic="/CuPlayer/images/startpic.jpg";</script>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/CuPlayer/images/AsComV3.js"></script></div>
內容B區:
[cuplayer]test.mp4[/cuplayer]
內容C區:
添加您的視頻文件地址,支持mp4/flv/f4v格式
內容D區:
請輸入您的視頻文件地址(mp4/flv/f4v):
第9步:啟用剛才添加的視頻播放器標簽以上涉及的代碼,附上,代碼A區:
<div class="video" id="CuPlayer"><script language="JavaScript">
var vID="";var vWidth=650;var vHeight=400;var vFile="/CuPlayer/CuSunV4setEnd.php";var vPlayer="/CuPlayer/player.swf?v=4.0";var vMp4url="{1}";var vPic="/CuPlayer/images/startpic.jpg";</script>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/CuPlayer/images/AsComV3.js"></script><script type="text/javascript" src="/CuPlayer/getEnd.js"></script></div>
內容B區:
[cuplayerEnd]test.mp4[/cuplayerEnd]
內容C區:
添加您的視頻文件地址,支持mp4/flv/f4v格式
內容D區:
請輸入您的視頻文件地址(mp4/flv/f4v):
同上操作方法,C按鈕的代碼如下:
<script type="text/javascript" src="/CuPlayer/js/swfobject.js"></script><script type="text/javascript" language="javascript" src="/CuPlayer/js/jquery-1.4.2.min.js"></script><div id="myplayer"><link rel="stylesheet" type="text/css" href="/CuPlayer/images/v4list.css"><div id="CuPlayer" class="video" ><strong>提示:您的Flash Player版本過低,請<a href="http://www.CuPlayer.com/CuPlayer/">點此進行播放器升級</a></strong></div><div id="listNum" >loading...</div><script type=text/javascript>var CuPlayerList ="{1}"</script><script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="/CuPlayer/js/v4List.js"></script></div>
內容B區:
[cuplayerEnd]test1.mp4|test2.mp4[/cuplayerEnd]
內容C區:
添加您的視頻文件地址,支持mp4/flv/f4v格式
內容D區:
請輸入您的視頻文件地址(mp4/flv/f4v):
第10步:完成,進入用戶發帖的界面,你可以看到,現在新增加了一個小按鈕,點擊它,就可以添加視頻地址了
第11步:效果如下,不錯吧?本插件已實現跨平臺播放,支持PC,安卓,蘋果終端觀看(要求是mp4格式視頻)
A按鈕添加的視頻,任意用戶可以觀看完整視頻節目;
B按鈕添加的視頻,未登錄用戶,只能觀看一小部分,登錄后,才能看完整節目,以下是B按鈕添加的效果。
1. 播放視頻廣告效果:
2. 用戶未登錄時,預覽結束,彈出提示窗口效果:
3. 用戶已登錄時,正常觀看完整視頻效果:
C按鈕添加的視頻:
最后一步,設定播放器的廣告功能(yes為開,no為關閉):
播放器廣告功能設定的特別說明:所有廣告都可以換成用戶自己的,也可以自由關閉或開啟。
如果你要開啟或關閉播放器的廣告功能,請參考如下圖,找到對應的播放器的配置文件,進行修改;
請按自己的實際需求,自由設定廣告開啟或關閉;所有廣告都可以換成用戶自己的廣告文件;默認自帶的廣告文件僅為官方提供給用戶測試功能。