4.15 极酷阳光播放器适配移动终端IPad,IPhone,安卓的解决方案

多终端跨平台视频点播/视频直播的目标在于：让用户基于PC终端、安卓Android、苹果iOS、Windows Phone等主流终端，都可以正常播放同一个视频源。

极酷阳光播放器跨平台官方：http://www.cuplayer.com/CrossPlatform/ ( 2015年版官方 )

 

 

极酷阳光跨平台视频点播方案（其中X1最基础的方案，适合所有IIS，apache，nginx等服务器的用户）：

方案X1：http://www.cuplayer.com/CrossPlatform/player/demoX11.html （最基础方案，适合所有用户）

方案X2：http://www.cuplayer.com/CrossPlatform/player/demoX21.html （基于HTTP协议+RTMP协议）

方案X3：http://www.cuplayer.com/CrossPlatform/player/demoX31.html （基于HTTP协议+RTMP协议）

方案X4：http://www.cuplayer.com/CrossPlatform/player/demoX41.html （基于HTTP协议+RTMP协议）

 

极酷阳光跨平台视频直播方案（直播的实现比点播复杂，必须涉及流媒体转发服务器）：

方案L1：http://www.cuplayer.com/CrossPlatform/player/demoL11.html （HTTP协议+RTMP协议+M3u8）

方案L2：http://www.cuplayer.com/CrossPlatform/player/demoL21.html （HTTP协议+RTMP协议+M3u8）

 

以上这么多种方案，我到底该用哪种方案？请参见http://www.cuplayer.com/CrossPlatform/ 这有答案。

 

以上方案实例下载：
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      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.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      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.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      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.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      = "CuSunV2set.xml";
var vPlayer    = "player.swf?v=2.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 = "CuSunV2setLive.xml";
var vPlayer = "player.swf?v=2.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 = "CuSunV2setLive.xml";
var vPlayer = "player.swf?v=2.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>