用于移动设备的Videogular2 VgFullscreenAPI无法工作

Question

我正在为我的角度应用程序编写Videogular2 api。VgFullscreenAPI在大屏幕设备上运行良好。但是当它被用于小屏幕设备时，它就会抛出错误。任何线索都会受到赞赏。

我无法复制同样的在plnkr。

下面是我正在处理的代码。

<div class="visible-xs">
    <div>
      <vg-player (onPlayerReady)="onPlayerReady($event)">
        <vg-buffering></vg-buffering>

        <vg-scrub-bar>
          <vg-scrub-bar-current-time></vg-scrub-bar-current-time>
          <vg-scrub-bar-buffering-time></vg-scrub-bar-buffering-time>
        </vg-scrub-bar>

        <vg-controls>
          <div (click)='replayByTen()'>
            <i class="material-icons" style="font-size: 20px">replay_10</i>
          </div>
          <vg-play-pause></vg-play-pause>
          <div (click)='seekByTen()'>
            <i class="material-icons">forward_10</i>
          </div>

          <vg-time-display vgProperty="current" vgFormat="mm:ss"></vg-time-display>

          <vg-scrub-bar style="pointer-events: none;"></vg-scrub-bar>

          <vg-time-display vgProperty="total" vgFormat="mm:ss"></vg-time-display>

          <vg-mute></vg-mute>
          <vg-volume></vg-volume>

          <vg-fullscreen></vg-fullscreen>
        </vg-controls>

        <vg-overlay-play></vg-overlay-play>

        <video [vgMedia]="media" #media preload="auto" crossorigin>
          <source src="http://static.videogular.com/assets/videos/videogular.mp4" type="video/mp4">
          <source src="http://static.videogular.com/assets/videos/videogular.ogg" type="video/ogg">
          <source src="http://static.videogular.com/assets/videos/videogular.webm" type="video/webm">

        </video>
      </vg-player>
    </div>
  </div>

Answer 1

我已经用小黑客解决了这个问题。以上错误仅发生在IOS设备上。enterElementInFullScreen函数在vg-fullscreen.api.js中需要一个多填充请求来执行全屏功能。对于所有其他设备，除了接收到RequestFullScreen的IOS设备外，它还接收EnterFullScreen.。因此，我将APIs.ios对象中的请求属性更改为enterElementInFullScreen。我不知道这次黑客攻击会不会回击我，但在我的案子中工作得很好。