Videogular - toggleFullscreen()

Question

我试着用视频API切换到全屏，但我不明白。

奇怪的是，that.API.play()工作得很好，但that.API.toggleFullscreen()却不行。我查看了vg-controls插件-全屏幕按钮，还有一个名为onClickFullscreen()的方法，但在我的例子中，它也不能工作。

有人知道我怎么能修好它吗？我在Ionic-App中使用它，所以它可能更复杂一些，但是这里有一些来自控制器的代码：

    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....
        }

我在控制台中也没有错误。所以看起来这个函数被调用了，但是什么都没有发生。当我在控制台中编写that.onClickFullScreen()时，会出现错误“该对象没有可用的函数”。

Answer 1

只适用于HTML5全屏API，您需要使用本机的全屏幕API。为此，我建议您使用Cordova插件。

有几个选项，这可以是一个：https://github.com/mesmotronic/cordova-plugin-fullscreen

另一种选择可能是禁用视频中的HTML5全屏。如果禁用它，disable将尝试占用整个HTML文档，这也可能是一个很好的解决方案。

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