我正在使用Angular6开发用于预订配备帐篷的休假SUV的应用程序。我正在使用Angular 6和HTML5。 在主页上，我正在自动播放视频。该视频似乎在重新加载页面时不会播放，尽管在打开DEv工具时会播放。我正在使用Chrome 66和Windows10。以下是代码： 我不明白为什么它会表现出这样的行为。
<video id="vid" playsinline autoplay loop oncanplay="this.muted=true" id="video" style="margin: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); visibility: visible; min-width: 100%; min-height: 100%; width:auto; height: auto;">
<source src="../../assets/video.mp4" type="video/MP4">
</video>
<p class= "h5" style= "position: absolute; font-size:30px; font-weight:300; color: white; top: 250px; left: 310px;">Explore camping in the best and the most comfortable way</p>