16/19 пропадает footer при добавлении source

реагирует именно на слово source

больше ничего не менял (на codepen работает нормально https://codepen.io/denis-doroshenko/pen/JwpeBN)

<!DOCTYPE html>
<html lang="ru">
  <head>
    <title>Форматы и источники видео</title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header class="page-header">
      <div class="logo">
        <img src="logo.svg" width="90" height="90" alt="Cat Energy">
      </div>
      <nav class="main-menu">
        <ul>
          <li><a href="#home">Главная</a></li>
          <li><a href="#blog">Посты</a></li>
          <li><a href="#me">Обо мне</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <article class="post">
        <header>
          <h1>UX-тестирование</h1>
          <time datetime="2014-04-10T15:25:00">
            10 апреля 2014
          </time>
        </header>
        <section class="intro">
          <p>Записали процесс тестирования пользовательских интерфейсов. Очень рекомендую к просмотру.</p>
        </section>
        <section class="content">
          <video
            controls
            preload="metadata"
            width="400" height="225">
            <source src="uxtesting.mp4" type="video/mp4">
            <source src="uxtesting.ogv" type="video/ogg">
            <source src="uxtesting.webm" type="video/webm">
          </video>
        </section>
      </article>
    </main>
    <footer class="page-footer">
      <section class="info">
        <img src="keks.jpg" width="50" alt="Портрет Кекса">
        Кекс, keks@htmlacademy.ru
      </section>
      <section class="copyright">
        © 2008—2014 Cat Energy
      </section>
    </footer>
  </body>
</html>