電視機頂盒視訊播放外掛

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;

相關文章