Вставить видео в HTML 📹 video,src,source Атрибуты: src,controls,autoplay,loop,poster Урок 26.1

Опубликовано: 05 Ноябрь 2019
на канале: IT-PLANET
3,193
61

🍎 Для НОВИЧКОВ весь плейлист по курсу здесь "▶HTML5+CSS3 для начинающих и не только. JavaScript. PHP":    • Создание сайта с нуля Создание сайта ...  
26.1 Часть 1. Как вставить видео...    • Вставить видео в HTML 📹 video,src,sou...  
26.2 Часть 2. Как вставить видео...    • Как вставить 📹 видео в HTML. video, s...  
27. Как вставить audio...    • Вставить аудио на сайт | Тег audio + ...  
📘 Файлы для уроков:: https://drive.google.com/drive/folder...
_______________________________________
Атрибуты

src - Указывает путь к воспроизводимому видеоролику.(src - переводится как - source)

controls - Добавляет панель управления к видеоролику. (controls - переводится как - управление)
В качестве значения указывается controls, также допустимо вообще не указывать никакое значение.
По умолчанию этот атрибут выключен (если не прописан в теге video).

autoplay - видео начинает воспроизводиться автоматически после загрузки страницы. autoplay отменяет действие preload.
В качестве значения указывается autoplay, также допустимо вообще не указывать никакое значение.
По умолчанию этот атрибут выключен(если не прописан в теге video). (play - переводится как - играть)

height - Задает высоту области для воспроизведения видеоролика.(height - переводится как - высота)
width - Задает ширину области для воспроизведения видеоролика.(width - переводится как - ширина)

loop - Повторяет воспроизведение видео с начала после его завершения.(loop - переводится как - петля)
В качестве значения указывается loop, также допустимо вообще не указывать никакое значение.
По умолчанию этот атрибут выключен (если не прописан в теге video).

poster - Указывает адрес картинки (GIF, PNG, JPEG), которая будет отображаться, пока видео не доступно или не воспроизводится. autoplay отменяет действие preload (poster - переводится как - плакат)

preload - Используется для загрузки видео вместе с загрузкой веб-страницы. Игнорируется, если установлен autoplay
none - Не загружать видео.
metadata - Загрузить только служебную информацию (размеры видео, первый кадр, продолжительность и др.).
auto - Загрузить видео целиком при загрузке страницы.
(preload - переводится как - предварительная загрузка)

Тег source - вставляет звуковой или видео файл для тегов "video" и "audio"
src - Адрес файла.

media - Определяет устройство, для которого будет воспроизводиться файл.
media= "all| braille| handheld| print| screen| speech| projection| tty| tv"
all - Все устройства.
braille - Устройства, основанные на системе Брайля, предназначены для слепых людей.
handheld - Наладонники, смартфоны, устройства с малой шириной экрана.
print - Печатающее устройство вроде принтера.
screen - Экран монитора.
speech - Речевые синтезаторы, а также программы для воспроизведения текста вслух. Сюда же входят речевые браузеры.
projection - Проектор.
tty - Телетайпы, терминалы, портативные устройства с ограниченными возможностями экрана.
tv - Телевизор.

type - адает MIME-тип источника, а также аудио и видео кодек
--------------------------------------
Конвертируйте медиа-файлы https://www.online-convert.com/ru

📘 Все теги HTML 5 :
https://drive.google.com/drive/folder...


Смотрите видео Вставить видео в HTML 📹 video,src,source Атрибуты: src,controls,autoplay,loop,poster Урок 26.1 онлайн, длительностью часов минут секунд в хорошем качестве, которое загружено на канал IT-PLANET 05 Ноябрь 2019. Делитесь ссылкой на видео в социальных сетях, чтобы ваши подписчики и друзья так же посмотрели это видео. Данный видеоклип посмотрели 3,193 раз и оно понравилось 61 посетителям.