Почему не работает тег video?
0
Здравствуйте. Делаю альбом сына, с фото вроде разобрался, а с видео не получается. Подскажите что не правильно. Звук есть картинки нет. Спасибо за ранее!
<!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>
2 ответов
0
Попробуйте такой код с другим видеофайлом:
<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. С ютуба видео везде работают и быстро работают.
0
Спасибо, попробую.