视频未加载/HTML5

Question

我有一个让我发疯的问题，我不知道该怎么办。我从Pixelarity Dot Com购买了模板"公式"。在演示中，该网站在后台有一个视频播放。但是，下载版的背景有不同的视频（名为Banner）。我复制了要播放的视频到图像文件夹（In .mp4和WebM格式），并以我的视频" forwes"的名称更新了代码，但是当我预览页面时它不会加载（它仍然播放）下载随附的视频。

有什么想法在加载页面时不会播放它？请记住，我是网络设计和编码的菜鸟

谢谢！

排除文件扩展名。模板将自动 在支持背景视频的平台上生成多格式*标签，只需跳过 踩那些没有的人（倒下您将其设置为背景图像）。

                * Your video must be offered in both .mp4 and .webm formats to work everywhere.
            -->
                <section id="banner" data-video="images/forwes">
                    <div class="inner">
                        <header>
                            <h1>Our Business Name</h1>
                            <p>W we will repair your computers, phones, printers and all other electronic devices. <br />  We provide both in-store support as well as provide full service, onsite IT support for businesses. Contact us for your free consultation today!.</p>
                        </header>
                        <ul class="actions">
                            <li><a href="#" class="button special big">Get Started</a></li>
                        </ul>
                    </div>
                    <a href="#one" class="more">Learn More</a>
                </section>

Answer 1

尝试使用正确的视频格式和标签

尝试一下

.container{
margin: 30px auto;
display:block;
max-width:1200px;
}

<div class="container">
  <video class="video" poster="" id="bgvid" playsinline autoplay muted loop>
            <!-- WCAG general accessibility recommendation is that media such as background video play through only once. Loop turned on for the purposes of illustration; if removed, the end of the video will fade in the same way created by pressing the "Pause" button  -->
            <source src="http://vjs.zencdn.net/v/oceans.mp4" type="video/mp4">
            </source>
            <source src="http://vjs.zencdn.net/v/oceans.webm" type="video/webm">
            </source>
            <source src="http://vjs.zencdn.net/v/oceans.ogv" type="video/ogg">
            </source>
        </video>
</div>