移动终端适配 / 跨平台多终端适配支持安卓/苹果/微信

 

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

 

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

极酷阳光播放器跨平台官方http://v3.cuplayer.com/demos/cross/ ( 2015年版官方 )

 

 

极酷阳光跨平台视频点播方案(其中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>