реагирует именно на слово 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>