[英]How to handle Uncaught (in promise) DOMException: The play() request was interrupted by a call to pause()
[英]how to fix “Uncaught (in promise) DOMException: play() ”
我试图在html5,css,angular5-自动播放视频背景 - 随机工作,不工作。
所以我尝试在加载页面时将角色包含在角色中。它正在抛出-Uncaught(在promise中)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>
需要自动播放视频而不会出现任何错误。
这个解决方案适合我自动播放在这里=> 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>
我只需要自动播放我的视频。所以我删除了组件中的所有线路以便播放功能。
“未捕获(承诺)DOMException:play()” - 这个问题我找不到任何解决方案。 但我也会尝试找到这个错误的解决方案。
感谢您阅读此问题。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.