·您当前的位置: > 技术教程 > 播放器教程 >

适配多终端型(PC终端,安卓Android终端,苹果iOS终端)网页视频播放

时间:2015-01-14 11:36酷播
适配多平台多终端型(PC终端,安卓Android终端,苹果iOS终端,Windows Phone终端)的网页视频播放器,终极解决方案

适配多平台多终端型(PC终端,安卓Android终端,苹果iOS终端,Windows Phone终端)的网页视频播放器

这是专业的基于web跨平台解决方案:

演示及测试下载: http://www.cuplayer.com/CrossPlatform/

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

让原本复杂的事情,变得异常简单。零要求的技术门槛,不管您是技术,或仅是web设计师、网站编辑,都能轻松实现!

 

HTML5播放器调用范例

说明:本代码将调用酷播云纯Html5的播放器,故强力推荐使用。Flash调用形式受限于adobe的flash插件,并不推荐使用。
<div id="player"></div>
<script src="//player.polyv.net/script/player.js"></script>
<script>
var player = polyvPlayer({
wrap: '#player',
width: 800,
height: 533,
vid: 'e785b2c81c9e018296671a1287e99615_e',
});
</script>

查看演示查看演示

 

终端适配说明:

本代码基于酷播云纯html5播放器调用,因此多终端的支持性更好,支持PC端、安卓Android、苹果iOS,也支持微信终端、各类手机浏览器的观看,该代码为官方推荐使用的代码。

 

代码参数提示:

wrap: '#player' //warp为引用的容器
width: 800 //播放器的宽度
height: 533 //播放器的高度
vid: 'e785b2c81c9e018296671a1287e99615_e' //酷播云视频vid

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

酷播云_播放效果图片

 

相关链接:
HTML5播放器参数说明>>

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器