Вставка видео и аудио в HTML

Для вставки видео и аудио на веб-страницу в HTML, вы можете использовать элементы <video> и <audio>. Вот как вставить видео и аудио на вашей странице:

Вставка видео с помощью элемента <video>

Для вставки видео используйте элемент <video>. Вы указываете источник видео с помощью атрибута src и можете добавить дополнительные параметры, такие как контроли (панели управления) или ширину и высоту видео.

Пример вставки видео:

<video controls width="400" height="300">
    <source src="video.mp4" type="video/mp4">
    Ваш браузер не поддерживает видео.
</video>

• <video>: Создает видео-плеер.

• controls: Этот атрибут добавляет панель управления видео (воспроизведение, пауза, звук и т.д.).

• width и height: Определяют ширину и высоту видео в пикселях.

• <source>: Здесь вы указываете источник видео и его тип. Вы можете указать несколько источников разных форматов для обеспечения совместимости с разными браузерами.

Вставка аудио с помощью элемента <audio>

Для вставки аудио используйте элемент <audio>. Аналогично, вы указываете источник аудио с помощью атрибута src и можете добавить параметры, такие как контроли и ширину и высоту аудио (хотя размеры обычно не имеют значения для аудио).

Пример вставки аудио:

<audio controls>
    <source src="audio.mp3" type="audio/mpeg">
    Ваш браузер не поддерживает аудио.
</audio>

• <audio>: Создает аудио-плеер.

• controls: Этот атрибут добавляет панель управления аудио.

• <source>: Здесь вы указываете источник аудио и его тип.

Обратите внимание, что браузеры могут поддерживать разные форматы видео и аудио, поэтому предоставление нескольких источников (например, MP4 и WebM для видео) повысит совместимость с разными браузерами. В случае, если браузер не может воспроизвести видео или аудио, текст внутри тега <video> или <audio> после источников будет отображаться в качестве резервного варианта для пользователя.