[微信视频]实现网站中的视频在微信平台上正常播放（超多组图）

[微信视频]实现网站中的视频在微信平台上正常播放（超多组图）

官方测试下载：http://www.cuplayer.com/CuSunPlayer/playerFor_PC_IPAD_Android.rar

例(4.17)-1：适配移动终端演示写法示例 1

本示例采用的是http协议，用一个mp4文件来适配PC,安卓android系统，苹果IOS系统：

<div class="video" id="CuPlayer" style="background:#000000; width:650px;">
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = 650;
var vHeight = 400;
var vFile = "CuSunV2set.xml";
var vPlayer = "player.swf?v=2.5";
var vMp4url = "http://demo.cuplayer.com/file/test.mp4";
var vPic = "images/startpic.jpg";
//-->
</SCRIPT>
<script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="Images/AsComV3.js"></script>
</div>

例(4.17)-2：适配移动终端,采用HLS的写法示例

本示例采用的是http协议+rtmp协议，采用了HLS的视频流，实现跨平台,适配PC,安卓android系统，苹果IOS系统：

<!--播放器/代码开始-->
<div class="video" id="CuPlayer" style="background:#000000; width:650px;">
<SCRIPT LANGUAGE=JavaScript>
<!--
var vID = "";
var vWidth = 650;
var vHeight = 400;
var vFile = "CuSunV2set.xml";
var vPlayer = "player.swf?v=2.5";
var vPic = "images/startpic.jpg";
//PC,安卓
var vServer = "rtmp://www.cuplayer.com/live";
var vMp4url = "livestream";
//iOS
var vIosurl = "http://www.cuplayer.com:8080/liveevent/livestream.m3u8";
//-->
</SCRIPT>
><script class="CuPlayerVideo" data-mce-role="CuPlayerVideo" type="text/javascript" src="Images/AsComV5.js"> </script> </div>
<SCRIPT language=javascript src="Images/jquery.js" type=text/javascript> </SCRIPT>
<SCRIPT language=javascript src="Images/action.js" type=text/javascript> </SCRIPT>
<!--播放器/代码结束-->

适配pc终端、苹果终端（含IPHONE、IPAD）、安卓终端（含安卓系统手机和安卓系统平板）