我正在尝试将视频作为我的 Angular 5 应用程序的背景。但是,当第一次加载页面时,视频没有播放。但是如果我转到任何其他页面,然后再次返回主页,则视频正在播放。
这些我都试过了
1.
<video id="v-control" width="100%" autoplay="" loop="" tabindex="0">
<source type="video/mp4" src="assets/img/MyVideo.mp4" alt=" MyVideo" />
<source type="video/webm" src="assets/img/MyVideo.webm" alt=" MyVideo" />
</video>
2。 Jquery plugin for background video
<div data-vide-bg="MyVideo">
<video id="v-control" width="100%" autoplay="" loop="" tabindex="0">
<source type="video/mp4" src="assets/img/MyVideo.mp4" alt=" MyVideo" />
<source type="video/webm" src="assets/img/MyVideo.webm" alt=" MyVideo" />
</video>
</div>
并包括在内
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="src/jquery.vide.js"></script>
在 index.html 中
我仍然面临同样的问题。谁能帮忙,我哪里做错了?
最佳答案
尝试在 video
标签中使用 onloadedmetadata="this.muted=true"
,希望对您有所帮助:
<video onloadedmetadata="this.muted=true" autoplay loop preload="auto">
<source src="Video_url" type="video/mp4">
</video>
关于html - 在 Angular 5 App 中首次加载 App 时不播放背景视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51025715/