0

我尝试使用 videogular API 切换到全屏，但我不明白。

奇怪的是，that.API.play() 效果很好，但 that.API.toggleFullscreen() 不行。我查看了 vg-controls plugin-fullscreen-button 并且还有另一种方法称为 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() 时，出现错误“该对象没有可用的功能”。

4

1 回答 1

2

Videogular fullscreen 仅适用于 HTML5 全屏 API，您需要使用原生全屏 API。对于这样的事情，我建议您使用 Cordova 插件。

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

另一种选择是在 Videogular 中禁用 HTML5 全屏。如果您禁用它，Videogular 将尝试占据整个 HTML 文档，这对您来说也是一个很好的解决方案。

<videogular vg-native-fullscreen="false">
    <!-- more stuff here -->
</videogular>
于 2015-12-04T09:20:51.380 回答