移動端視頻播放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 移動端顯示系統控件
                                           
         }