Почему не работает тег video?

Здравствуйте. Делаю альбом сына, с фото вроде разобрался, а с видео не получается. Подскажите что не правильно. Звук есть картинки нет. Спасибо за ранее!

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Альбом Ромы Видео</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
	<div class="main">
		<div class="header">
			<div class="logo">
				<div class="logo_text">
					<h1><a href="index.html">Альбом Ромы</a></h1>
					<h2>Наш сынуля</h2>
				</div>
			</div>
			<div class="menubar">
				<ul class="menu">
					<li><a href="index.html">Обложка</a></li>
					<li><a href="foto.html">Фото</a></li>
					<li class="selected"><a href="video.html">Видео</a></li>
				</ul>
			</div>
		</div>
	    <div class="site_content">			
			<div class="content">
				<div class="video_block">
					<h2>ВИДЕО</h2>
					
					<video controls width="700" height="600">
						<source src="assets/synok/video/roma1.mp4" type="video/mp4"><!-- MP4 для Safari, IE9, iPhone, iPad, Android, и Windows Phone 7 -->
						<source src="assets/synok/video/roma1.mp4" type="video/webm"><!-- WebM/VP8 для Firefox4, Opera, и Chrome -->
						<source src="assets/synok/video/roma1.mp4" type="video/ogg"><!-- Ogg/Vorbis для старых версий браузеров Firefox и Opera -->
					</video>
					
				</div>
			</div>
		</div>
	<div class="footer">
		<p>roma 2020</p>
	</div>
	</div>
</body>
</html>

html

css

2 ответов

Попробуйте такой код с другим видеофайлом:

<video controls>
    <source src=http://techslides.com/demos/sample-videos/small.webm type=video/webm>
    <source src=http://techslides.com/demos/sample-videos/small.ogv type=video/ogg>
    <source src=http://techslides.com/demos/sample-videos/small.mp4 type=video/mp4>
    <source src=http://techslides.com/demos/sample-videos/small.3gp type=video/3gp>
</video>

Если не работает, значит в компьютере вашем каких-то кодеков не хватает. Если работает, значит что-то не так с вашим видеофайлом, значит его нужно переконвертировать каким-нибудь конвертатором для видео. Самый простой вариант - это заливать на YouTube. С ютуба видео везде работают и быстро работают.

Спасибо, попробую.