视频未在角度 4 中播放，但刷新页面正常工作

Question

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

<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(( 失败，因为用户没有首先与文档交互。

Answer 1

您可以在视频代码中添加controls属性并移除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>