ЛПР №21Додавання до HTML-документів зображення.
MP3 - найновіший формат для записаної музики. Термін MP3 став синонімом цифрової музики. Якщо на вашому веб-сайті потрібно використати музику, то MP3 є найоптимальнішим вибором. Тільки MP3, WAV і Ogg аудіо підтримуються стандартом HTML5.
Приклад додавання відео www.w3schools.com/html/tryit.asp?filename=tryhtml_default
<!DOCTYPE html>
<html>
<body>
<video width="400" controls>
<source src="mov_bbb.mp4" type="video/mp4">
<source src="mov_bbb.ogg" type="video/ogg">
Ваш веб-переглядач не підтримує тег відео в HTML5
</video>
<p>
Відео люб’язно надане
<a href="https://www.bigbuckbunny.org/" target="_blank">Big Buck Bunny</a>.
</p>
</body>
</html>
Controls - атрибут додає елементи управління відео такі, як відтворення, пауза, і обсяг.
Гарна ідея завжди включати width і height - атрибути. Якщо висоту та ширину не встановлено, сторінка може мінятися під час завантаження відео.
<source> - Елемент дозволяє вказати альтернативні відео файли, які браузер може вибрати. Браузер використовуватиме перший розпізнаний формат.
Текст між тегами <video> і </video> - тегами буде відображатися лише в браузерах, які не підтримують цей <video> елемент.
Щоб розпочати відео, автоматично використовуйте autoplay атрибут:
<video width="320" height="240" autoplay>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
Закріплення уроку naurok.com.ua/test/start/841305