视频无法以角度4播放，但刷新页面有效 [英] Video is not playing in angular 4 but refresh page is working

问题描述

我正在使用视频标签html 但是加载页面后无法播放视频，然后在移动另一个页面后即可工作.请给我解决方法.

I am using video tag html But video is not playing when page is loaded then after move another page is working.please give me solution.

<video #videoPlayer class="slider-video" width="100%" preload="auto" loop="" muted="muted" style="visibility: visible; width: 100%;"
  poster="assets/images/banner.png" src="https://wellfasterstore.blob.core.windows.net/images/1.mp4" type="video/mp4" autoplay="autoplay">
</video>

返回错误:: 未捕获(承诺)的DOMException:play()失败，因为用户没有首先与文档进行交互.

Return Error:: Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

推荐答案

您可以在视频代码中添加controls属性，然后删除autoplay="autoplay"

You can add controls attribute in video tag and remove autoplay="autoplay"

<video 
    controls 
    #videoPlayer 
    class="slider-video" 
    width="100%" 
    preload="auto" 
    loop="" 
    muted="muted" 
    style="visibility: visible; width: 100%;"
    poster="assets/images/banner.png"
    src="https://wellfasterstore.blob.core.windows.net/images/1.mp4" 
    type="video/mp4">
</video>

这篇关于视频无法以角度4播放，但刷新页面有效的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！