Videogular-切换到横向模式时如何将视频更改为全屏

Question

当我在移动设备上更改为横向模式时，我想以全屏模式观看视频。

我知道有一个方法API.toggleFullScreen（），但是它不起作用。 相反，我在控制台中收到以下错误消息： “无法在'Element'上执行'requestFullscreen'：API只能通过用户手势启动。”

<videogular class="videogular-container" vg-native-fullscreen="'false'"
                                        vg-plays-inline="'true'" vg-responsive="'true'" vg-loop="'true'"
                                        vg-player-ready="onPlayerReady($API)"
                                        vg-update-time="onUpdateTime($currentTime, $duration)"
                                        vg-theme="config.theme.url"
                                        vg-auto-play="config.autoPlay"
                                        vg-mute="'true'">
                                <vg-media class="videogular-media-container" vg-src="ws.video.source" vg-loop="config.loop"  vg-mute="'true'"
                                          vg-tracks="config.tracks" vg-preload="config.preload">
                                </vg-media>
                                <vg-overlay-play class="play-icon overlay-play"></vg-overlay-play>
                                <vg-buffering></vg-buffering>

        angular.element($window).on('orientationchange', function() {
           console.log("orientation change");

           if($scope.API != null){
              $scope.API.toggleFullScreen();
              console.log("fullscreen mode");

           }
        }

有人也遇到过这个问题吗？

谢谢