Видео не загружается/html5

Question

У меня проблема, которая сводит меня с ума, и я не знаю, что еще делать. Я купил шаблон «Формула» из пиксельной точки com. В демонстрации на этом сайте есть видео, воспроизводимое в цикле в фоновом режиме. Тем не менее, версия для загрузки имеет другое видео (баннер) для фона. Я скопировал видео, которое хочу воспроизвести в папку с изображениями (в форматах .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>