- 4.代码使用
- 4.1 [A]swfObject调用
- 4.2 [B]object调用
- 4.3 [C]Ebemb调用
- 4.4 [D]JS形式调用
- 4.5 JS函数交互
- 4.6 广告相关
- [1] 前置广告
- [2] 视频广告
- [3] 暂停广告
- [4] 角标广告
- [5] 后置广告
- [6] 滚动文字广告
- 4.7 开灯关灯
- 4.8 高清模式
- 4.9 分享模式
- 4.10 视频模式
- 4.11 RTMP点播
- 4.12 RTMP直播
- 4.13 视频结束动作
- 4.14 色彩自定义
- 4.15 移动终端适配(New)
- 4.16 HLS直播(m3u8适配)
- 4.17 适配PC/安卓/苹果
- 4.18 收费模式(节目预览)
- 4.19 播放器logo设定
- 4.20 视频文件说明
- 4.21 提示点MoveTip
- 4.22 列表连播功能
适配PC/安卓/苹果终端
极酷阳光播放器适配移动终端IPad,IPhone,安卓的解决方案
多终端跨平台视频点播/视频直播的目标在于:让用户基于PC终端、安卓Android、苹果iOS、Windows Phone等主流终端,都可以正常播放同一个视频源。
极酷阳光播放器跨平台官方:http://v3.cuplayer.com/demos/cross/
极酷阳光跨平台视频点播方案(其中X1最基础的方案,适合所有IIS,apache,nginx等服务器的用户):
方案X1:http://v3.cuplayer.com/demos/cross/demoX1.html (最基础方案,适合所有用户)
方案X2:http://v3.cuplayer.com/demos/cross/demoX2.html (基于HTTP协议+RTMP协议)
方案X3:http://v3.cuplayer.com/demos/cross/demoX3.html (基于HTTP协议+RTMP协议)
方案X4:http://v3.cuplayer.com/demos/cross/demoX4.html (基于HTTP协议+RTMP协议)
极酷阳光跨平台视频直播方案(直播的实现比点播复杂,必须涉及流媒体转发服务器):
方案L1:http://v3.cuplayer.com/demos/cross/LiveL1.html (HTTP协议+RTMP协议+M3u8)
方案L2:http://v3.cuplayer.com/demos/cross/LiveL2.html (HTTP协议+RTMP协议+M3u8)
以上这么多种方案,我到底该用哪种方案?请参见http://v3.cuplayer.com/demos/cross/ 这有答案。
以上方案实例下载:
http://www.52player.com/plus/download.php?open=2&id=45&uhash=6fc0952eca540caec0d89656
跨平台视频点播 方案X1:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3Set.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC,安卓,iOS
var vMp4url = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX1.min.js"></script>
</div>
跨平台视频点播 方案X2:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3Set.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端
var vServer = "rtmp://demo.cuplayer.com/vod";
var vMp4url = "mp4:test.mp4";
//安卓端,iOS端,wp
var vIosurl = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX2.min.js"></script>
</div>
跨平台视频点播 方案X3:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3Set.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端,安卓端
var vServer = "rtmp://demo.cuplayer.com/vod";
var vMp4url = "mp4:test.mp4";
//iOS端,wp
var vIosurl = "http://demo.cuplayer.com/file/d0014rhfwk1.p1301.1.mp4";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX3.min.js"></script>
</div>
跨平台视频点播 方案X4:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3Set.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端
var vServer = "rtmp://demo.cuplayer.com/vod2";
var vMp4url = "mp4:media/Demo2014.mp4";
//安卓端,wp
var vAndroidurl = "http://demo.cuplayer.com:8011/vod2/media/Demo2014.mp4";
//iOS端
var vIosurl = "http://demo.cuplayer.com:8011/hls2-vod/Demo2014.mp4.m3u8";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunX4.min.js"></script>
</div>
跨平台视频直播 方案L1:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3SetLive.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端,安卓端
var vServer = "rtmp://live.yoursite.com/live";
var vMp4url = "livestream";
//iOS端,wp
var vIosurl = "http://live.yoursite.com:8011/live/livestrem.m3u8";
//--> </SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunL1.min.js"> </script> </div>
跨平台视频直播 方案L2:
<div class="video" id="CuPlayer" >
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = "100%";
var vHeight = 400;
var vFile = "CuSunV3SetLive.xml";
var vPlayer = "player.swf?v=3.5";
var vPic = "images/start.jpg";
var vCssurl = "images/mini.css";
//PC端
var vServer = "rtmp://live.yoursite.com/live";
var vMp4url = "livestream";
//安卓端,iOS端,wp
var vIosurl = "http://live.yoursite.com:8011/live/livestrem.m3u8";
//--> </SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="js/CuSunL2.min.js"> </script> </div>