Videogular2 ERROR Невозможно прочитать свойство 'bufferDetected' из неопределенного и Невозможно прочитать свойство 'play' из неопределенного - PullRequest
0 голосов
/ 03 июля 2019

Иногда, когда я хочу воспроизвести видео с помощью videogular2, я получаю следующие ошибки: ОШИБКА Невозможно прочитать свойство 'bufferDetected' из неопределенного и Невозможно прочитать свойство 'play' из неопределенного.

Я использую angular 5 и "videogular2": "6.0.1".

Я пробовал это https://github.com/videogular/videogular2/issues/560, но это не сработало, видео не может быть воспроизведено после этих изменений, и я также попытался понизить видеоигру2 до 5.4.11.

Это мой шаблон:

<vg-player>
  <vg-overlay-play></vg-overlay-play>
  <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>
    <vg-play-pause></vg-play-pause>

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

  <video [vgMedia]="media" #media id="singleVideo" preload="auto" [attr.data-asset-id]="id">
    <source [src]="src" type="video/mp4">
  </video>
</vg-player>

А это мой компонент:

import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';

@Component({
  selector: 'player',
  templateUrl: './player.template.html',
})
export class PlayerComponent implements OnInit {
  @Input() src: string;
  @Input() id: string;
  @ViewChild('media') media: ElementRef;
  @Output('videoElement') videoElement  = new EventEmitter<ElementRef>();
  constructor() { }

  ngOnInit() {
    this.videoElement.emit(this.media);
  }

}

Это реальные ошибки, которые я получаю.

https://user -images.githubusercontent.com / 22517445 / 60588402-8ba94d00-9d9f-11e9-8098-4154a49478b9.png

...