Iframe, Embedded Content
https://developers.google.com/youtube/youtube_player_demo?hl=ru
<video width="320" height="240" controls>
<source src="kino.mp4" type="video/mp4">
<source src="kino.ogg" type="video/ogg">
<!-- Если не сработает формат mp4, браузер попробует ogg -->
</video>
autoplay
— видео запускается, как только загрузится. При использовании этого атрибута нужно иметь в виду, что некоторые браузеры по умолчанию его игнорируют. Например, в Safari атрибут сработает, только если пользователь самостоятельно указал, что хочет получать видео с автоматическим воспроизведением (см. Can I Use). Цель этого — оградить пользователей от навязчивой рекламы.
controls
— станет доступен виртуальный пульт управления с ползунком изменения громкости, кнопками воспроизведения, паузы, перемотки и прочими инструментами:
loop
— как только видео закончится, оно запускается с начала:
muted
— звук будет отключён:
src
— ссылка на воспроизводимый ролик:
type
— формат видео:
height
— высота области воспроизведения в пикселях:
width
— ширина области воспроизведения в пикселях:
poster
— ссылка на изображение, которое пользователь видит до того, как нажмёт ”Play“, или пока видео загружается:
Если poster
не указан, то в качестве превью браузер покажет первый кадр видео, когда он загрузится.
<audio>
<source src="sound.mp3" type="audio/mp3">
<source src="sound.ogg" type="audio/ogg">
<!-- Если не сработает mp3, браузер попробует ogg -->
</audio>
controls
— станет доступен виртуальный пульт управления с ползунком изменения громкости, кнопками воспроизведения, паузы, перемотки и прочими инструментами:
loop
— как только аудио закончится, оно заиграет снова:
muted
— режим отключения звука:
src
— ссылка на путь к аудиофайлу:
type
— формат аудио:
#html