<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, shrink-to-fit=no">
<title>播放器例子-封面</title>
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="msapplication-tap-highlight" content="no">
<style>
body{
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="video-container" style="margin: 0px auto;">
</div>
<script src="http://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.2.0.js"></script>
<script>
(function(){
function getParams(name) {
var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
var r = window.location.search.substr(1).match(reg);
if (r != null) {
return decodeURIComponent(r[2]);
}
return null;
}
var rtmp = getParams('rtmp'),
flv = getParams('flv'),
m3u8 = getParams('m3u8'),
mp4 = getParams('mp4'),
live = (getParams('live') == 'true' ? true : false),
coverpic = getParams('coverpic'),
width = getParams('width'),
height = getParams('height'),
autoplay = (getParams('autoplay') == 'true' ? true : false);
/**
* 视频类型播放优先级
* mobile :m3u8>mp4
* PC :RTMP>flv>m3u8>mp4
*/
/**
* 属性说明:
*
* coverpic {Object|String} src:图片地址,style:default 居中1:1显示 stretch 拉伸铺满,图片可能会变形 cover 等比横向铺满,图片某些部分可能无法显示在区域内
* 封面在 ios10 暂时无法生效。
*/
var options = {
rtmp: rtmp ,
flv: flv ,
m3u8: m3u8 || 'http://1251132611.vod2.myqcloud.com/4126dd3evodtransgzp1251132611/8a592f8b9031868222950257296/f0.f230.m3u8',
mp4 : mp4 || 'http://1251132611.vod2.myqcloud.com/4126dd3evodtransgzp1251132611/8a592f8b9031868222950257296/f0.f40.mp4',
coverpic: coverpic || {style:'cover', src:'//vodplayerinfo-10005041.file.myqcloud.com/3035579109/vod_paster_pause/paster_pause1469013308.jpg'},
autoplay: autoplay ? true : false,
live: live,
width : width || '480',
height : height || '320'
};
var player = new TcPlayer('video-container', options);
window.qcplayer = player;
})();
</script>
</body>
</html><!--[if !IE]>|xGv00|2efb8ad21db06fa5ed35b57c7e345d06<![endif]-->
评论2