我使用的是视频标签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>
返回错误::Uncaught(在promise中)DOMException:play()失败,因为用户没有首先与文档交互。
您可以在视频标签中添加控件
属性并删除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>