我正在制作一个简单的网页,我希望第一个窗口有一个全屏播放视频。我试图像这样嵌入它:
<div class="section active">
<video id="video_background" preload="auto" autoplay="true" loop="loop" muted="muted" volume="0">
<source src="videos/Space.mp4" type="video/mp4">
<source src="videos/Space.webm" type="video/webm">
Video not supported
</video>
和
#video_background {
position: absolute;
bottom: 0px;
right: 0px;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 69;
overflow: hidden;
}
第一帧出现,但它没有开始播放。这些文件位于正确的位置。为什么会这样?如果有任何区别,我正在使用fullPage.js 。