電視機頂盒視訊播放外掛

AragornK發表於2018-07-06

UUTVOS 作業系統電視機頂盒瀏覽器播放視訊外掛

使用場景

  • 電視機頂盒、UUTVOS 作業系統、聯彤瀏覽器(Firefox)。
  • NGB-H 技術規範。
  • 支援 .m3u8 和 .mp4 格式的視訊。

github 地址

tv-video-player-plugin

使用方法

  • 頁面中引入: tv-video-player-plugin.min.js 即可。
  • 然後:
var videoPlayer = new VideoPlayerPlugin(xAxis,yAxis,width,height,fullScreen,url);
// 銷燬 MediaPlayer 例項
videoPlayer.destroy();
複製程式碼

引數說明

  1. xAxis: 視訊區域左上角的 x 軸座標值。資料型別:number。
  2. yAxis: 同上。
  3. width: 視訊區域的寬度。資料型別:number。
  4. height: 同上。
  5. fullScreen: 資料型別:boolean。true:視訊全屏播放,不能使用切換按鈕切換。false:視訊小視窗播放,可以切換全屏播放。(切換按鈕的 keycode:2307)
  6. url: 視訊的播放地址。資料型別:string。

一點點建議:

  • 在如下情況中,視訊播放最好放到一個空白的 html 頁面中去做:如果說是在視訊列表頁上加一個遮罩層播放視訊,視訊控制和頁面控制會有一定的衝突,特別是需要將銷燬例項的操作繫結到返回按鍵上的時候,但是返回鍵得儘量保持它的預設行為,這裡就會衝突。
  • 頁面有背景圖時,會遮罩視訊播放區域。在背景所在層,設定:position:relative;z-index: -100;

相關文章