как исправить "Uncaught (в обещании) DOMException: play ()"

Question

Я пытаюсь автоматически воспроизвести видео фон в html5, css, angular5 - случайно его работает и не работает.

Поэтому я попытался включить код в angular, который будет воспроизводиться при загрузке страницы. Бросок -Uncaught (в обещании) DOMException: play ()

Я пробовал проверять stackoverflow ту же ошибку, как это. Я применил это решение несколькими способами, чтобы исправить проблему. Все еще выдает ошибку.

    component
    =========
    @ViewChild('videoPlay') videoplay: ElementRef;
    videopl: HTMLVideoElement;

    //first i tried this. Still throwing error
    this.videoplay.nativeElement.play();

    //second i tried this still throwing error.
    const playPromise = this.videoplay.nativeElement.play();
    if (playPromise !== null){
     playPromise.catch(() => { this.videoplay.nativeElement.play(); })
    }

    //third i tried this still throwing error.
    this.videopl=this.videoplayer.nativeElement;
    this.videopl.play();


    html part
    =========
    <!--first try-->
    <video id="videoid" autoplay muted loop  preload
     poster="img.png"  #videoPlayer>
    <source src="video.mp4" type='video/mp4' >
    <source src="video.webm" type="video/webm">
    <source src="video.ogg" type="video/ogg">
    </video>

     <!--second try-->
     <video id="videoid" autoplay="true" muted="muted" loop  preload 
       poster="img.png"  #videoPlayer>
    <source src="video.mp4" type='video/mp4' >
    <source src="video.webm" type="video/webm">
    <source src="video.ogg" type="video/ogg">
    </video>


    <!--third try-->
    <video id="videoid" autoplay="autoplay" muted="muted" loop  preload
     poster="img.png"  #videoPlayer>
    <source src="video.mp4" type='video/mp4' >
    <source src="video.webm" type="video/webm">
    <source src="video.ogg" type="video/ogg">
    </video>

Необходимо воспроизводить видео автоматически без ошибок.

Answer 1

Это решение сработало для меня, чтобы автозапуск был здесь => https://stackoverflow.com/a/52980364/5755872

 <video id="videoid" autoplay muted loop  preload
 poster="img.png"  oncanplay="this.play()" onloadedmetadata="this.muted = true">
 <source src="video.mp4" type='video/mp4' >
<source src="video.webm" type="video/webm">
<source src="video.ogg" type="video/ogg">
</video>

Нужно только автоматически воспроизвести мое видео. Поэтому я удалил все строки в компоненте для функции воспроизведения.

«Uncaught (в обещании) DOMException: play ()» - в этом вопросе я не нашел никаких решений. Но я постараюсь найти решение и для этой ошибки.

Спасибо, что прочитали этот выпуск.