Иногда, когда я хочу воспроизвести видео с помощью 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