Аудио та відео

Аудио та відео вставляються в код такими тегами:


				<audio src="media/sound.mp3"></audio>

				<video src="media/video.mp4"></video>

Часто відео вставляють у фон, наприклад, на сайті Code'n'coffe студії stFalcon. Дослідіть код сайту.

В тег можна вставити інформацію для старих браузерів, що не підтримують роботу з цими тегами. Можна використати html-код, наприклад - дати посилання на скачування файлу:


				<video src="media/video.mp4">

				  Ваш браузер застарів і не підтримує потокове відео.

				  Можете <a href="media/video.mp4" download>скачати файл</a>

				  і подивитися його у відеоплеєрі.

				</video>

Деякі браузери можуть не підтримувати той чи інший формат медіаданих. Перевіряйте сумісність на сайті Can I Use. Якщо доведеться використати декілька форматів - їх можна прописати в теги source:


				<audio>

				  <source src="audio/sound.ogg" type="audio/ogg; codecs=vorbis">

				  <source src="audio/sound.mp3" type="audio/mpeg">

				  Ваш браузер застарів, неможливо відтворити звук.

				  <a href="sound/sound.mp3" download>Скачати трек</a>.

				</audio>

				<video>

				  <source src="video/video.mkv" type="video/mkv; codecs=matroska">

				  <source src="video/video.mp4" type="video/mpeg">

				  Ваш браузер застарів, неможливо відтворити відео.

				  <a href="video/video.mp4" download>Скачати відео</a>.

				</video>

Керувати аудио та відео можна за допомогою скриптів та деяких атрибутів:

autoplay - автоматично запустити програвання після завантаження файлу чи веб-сторінки.

controls - добавляє кнопки керування медіаплеєром.

loop - програє медіафайл по колу, зациклено.

preload - передзавантаження файла під час завантаження сторінки.