Я не могу получить полный экран, даже если я коснусь экрана на устройстве Android - PullRequest
0 голосов
/ 26 июня 2019

Мы разрабатываем гибридные приложения с ионной структурой. Я хочу сделать его полноэкранным, когда я касаюсь видео экрана с использованием videojs и метода requestfullscreen. В Интернете касание экрана видео с помощью метода requestfullscreen делает его полноэкранным. На устройствах Android нажатие кнопки превращается в полноэкранный режим, но нажатие на видеоэкран вообще не реагирует и не приводит к ошибкам. Почему нет реакции на видео крана Android?

Cordova

home.html

<ion-header>
  <ion-toolbar>
    <ion-title>
      player test 777
    </ion-title>
  </ion-toolbar>
</ion-header>
<link href="/assets/css/video-js.css" rel="stylesheet" />

<ion-content>
  <div class="ion-padding">
    <label
      ><video
        #myvid
        id="videoPlayer"
        class="video-js vjs-big-play-centered"
        controls
        preload="none"
        width="640"
        height="264"
        data-setup="{}"
        (click)="onClick($event)"
      >
        <source src="/assets/BigBuckBunny.mp4" type="video/mp4" /></video
    ></label>

    <ion-button class="screenmode-change__btn" (click)="ChangeFullScreen()">
      全画面モード
    </ion-button>

</ion-content>

home.page.ts


import { Component, AfterViewInit, ViewChild, ElementRef } from "@angular/core";

declare let videojs: any;

@Component({
  selector: "app-home",
  templateUrl: "home.page.html",
  styleUrls: ["home.page.scss"]
})
export class HomePage implements AfterViewInit {
  constructor() {}

  vidObj: any;

  @ViewChild("myvid") vid: ElementRef;

  // videoタグのオプション
  ngAfterViewInit() {
    const options = {
      controls: true,
      autoplay: false,
      preload: "auto",
      techOrder: ["html5"],
      controlBar: {
        currentTimeDisplay: true,
        volumePanel: false,
        muteToggle: false,
        fullscreenToggle: false
      }
    };

    this.vidObj = new videojs(
      this.vid.nativeElement,
      options,
      function onPlayerReady() {
        videojs.log("Your player is ready!");
      }
    );
  }

  ChangeFullScreen(event) {
    if (this.vid.nativeElement.requestFullscreen) {
      this.vid.nativeElement.requestFullscreen();
    }
  }

  onClick(error: any) {
    // もしフルスクリーンにできれば(表示が可能か否)
    if (this.vid.nativeElement.requestFullscreen) {
      this.vid.nativeElement.requestFullscreen();

      console.log("fullscreen success");
    } else {
      console.log("fullscreen con not success");
      console.log(error);
    }
  }
}


Отсутствует

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...