Videogular - toggleFullscreen（）

Question

我嘗試切換到全屏與視頻API，我不明白。

奇怪的是，那個.API.play（）效果很好，但那個.API.toggleFullscreen（）沒有。我查看了vg-controls plugin-fullscreen-button，還有另一種叫做onClickFullscreen（）的方法，但在我的情況下，這不會起作用。

有人有個想法，我該如何解決它？我用它與離子-應用程序，所以也許這是一個比較複雜一點，但這裏從控制器一些代碼：

var that = this; 
    that.onPlayerReady = function(API) { 
     that.API = API; 
    }; 

      if (window.matchMedia("(orientation: landscape)").matches) { 
      // you're in LANDSCAPE mode 
      console.log("Landscape") //works fine 
      that.API.play(); //works also very fine 
      that.API.toggleFullScreen(); //no chance.... 
     } 

我也有在控制檯中沒有錯誤。所以它看起來像被調用的函數，但沒有任何反應。當我在控制檯中寫入.onClickFullScreen（）時，出現錯誤「沒有可用於該對象的功能」。

Answer 1

視頻全屏僅適用於HTML5全屏API，您需要使用本機全屏API。對於這樣的事情，我建議你使用Cordova插件。

有幾個選項，這可能是一個：https://github.com/mesmotronic/cordova-plugin-fullscreen

另一個選擇可能是Videogular禁用HTML5全屏。如果您禁用它，Videogular將嘗試佔用整個HTML文檔，這對您來說也是一個很好的解決方案。

<videogular vg-native-fullscreen="false"> 
    <!-- more stuff here --> 
</videogular>