移动端视频播放TCPlayer

腾讯云 Web 超级播放器 TCPlayerLite官网链接

Web 端超级播放器基于 video.js 框架开发，采用以 HTML5 <video>为主 Flash 为辅的播放方式，在浏览器不支持HTML5 <video> 的情况下采用 Flash 播放。播放器界面由 HTML CSS 实现，可以通过 CSS 定制界面。

根据官网api设置配置参数；一些特殊兼容总结如下：

1. IOS和Android可以通过js判断，加不同属性
2. 防止视频初始化封面和播放时闪动，可以初始化的时候给外层封面的宽高时，动态计算video的宽高来赋值给

   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 height = getParams('height');
   
       options:{
            mp4:'',
            width :  Width,//视频的显示宽度，请尽量使用视频分辨率宽度
            height : height || '320',
            autoplay: false,
            x5_player:true,
            x5_type: 'h5',
   		 x5_fullscreen:"false",
   		 x5_orientation:"portraint",
            controls: 'default' //default||'' 显示默认控件，none 不显示控件，system 移动端显示系统控件
                                           
         }