[AS3]跨平台支持pc、ipad/iphone/安卓系统的播放器介绍
以下几个地址均可以用PC,IPad,IPone,安卓手机或平板打开测试:
适配演示地址1:http://ipad.CuPlayer.com/
适配演示地址2:http://www.CuPlayer.com/CuSunPlayer/
适配演示地址3:http://www.cuplayer.com/demo/player2/ipad.html
附图片效果:
终端适配测试效果图说明:左侧为PC端画面,右侧为IPAD终端
终端适配测试效果图说明:左侧为PC端画面,右侧为IPAD终端
终端适配测试效果图说明:上方为PC端画面,下方为Android安卓系统手机终端
终端适配测试效果图说明:上方为PC端画面,下方为Android安卓系统手机终端
简要说明:
极酷阳光播放器适配终端的目标在于:让用户在pc端,平板电脑和手机端都可以正常播放视频。
目前适配pc终端、苹果终端(含IPHONE、IPAD)、安卓终端(含安卓系统手机和安卓系统平板),酷播官方适配终端的演示地址 http://ipad.cuplayer.com (可以用pc,IPad,IPone,安卓手机或平板打开测试)
适配各种终端,本站提供的解决方案是:采用标准的MP4文件( H264视频编码 + AAC音频编码)
关于MP4格式,补充一点:这是一种H264高清格式,它对视频要求更严格。如果希望获得最佳的效果,须确保MP4视频元数据完整,并处在视频开始处。
MP4元数据介绍: 即记录视频本身原始的宽度和高度,视频总时长,编码格式等信息的一段数据。
①.MP4元数据通常处在视频文件的最开始处,这种情况是最佳状况,因为当该视频一加载,元数据就会被播放器读取到,从而立马播放,然后,一边缓冲一边播放;
②.另一种情况,则是元数据没有处在视频最开始处,而是处在视频最末处,这种情况,则直接影响播放器加载元数据(因为播放器会一直找这段元数据,直到找到并读取,才会开始播放)。 这种显示出来的状况是:播放器一直缓冲,直到把整个视频都缓冲完毕,才开始播放。
代码示例:
- <!--播放器/代码开始-->
- <div class="video" id="CuPlayer">
- <SCRIPT LANGUAGE=JavaScript>
- <!--
- var vID = "0"; //FlvID值,可用于与程序交互
- var vWidth = 650; //播放器宽度
- var vHeight = 400; //播放器高度
- var vFile = "CuSunV2set.php"; //播放器配置文件地址
- var vPlayer = "player.swf?v=2.5"; //视频文件地址
- var flvurl = "test.mp4"; //视频文件地址
- //-->
- </SCRIPT>
- <script class="CuPlayerVideo" data-mce-role="CuPlayerVideo"
type="text/javascript" src="Images/AsCom.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>
- <!--播放器/代码结束-->
热门文章推荐
- 纯HLS(m3u8)跨平台技术(HLSPlayer,m3u8Player跨平台多终端)
- DiscuzX3.2酷播视频插件(dz论坛自定义视频插件带广告
- [微信视频]实现网站中的视频在微信平台上正常播放(超多组图)
- [rtsp]海康威视监控摄像头实现web端无插件监控实拍效果
- 很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放)
- [组图]微信视频技术:支持微信视频直播和视频点播
- [AS3]as3.0的rtmp流媒体播放器写法源代码示例
- 一步一步教你制作FLV网页视频播放器