Убедитесь, что курсор находится там, где вы хотите добавить элемент видео.
Последнее обновление
27 апр. 2021 г.
Узнайте, как добавить видео HTML5 на веб-страницу и просмотреть добавленное видео в браузере.
Dreamweaver позволяет добавлять и предварительно просматривать элементы видео HTML5 на веб-страницах.
Использование элементов видео HTML5 позволяет получить стандартный способ добавления встроенного видеосодержимого на web-страницах.
Дополнительную информацию об элементе видео HTML5 см. в статье HTML5 Video на W3schools.com.
Вставка видео HTML5
Выберите «Вставка» > «HTML» > «Видео HTML5». Видео элемент HTML5 вставлен в указанном месте.
В разделе «Свойства» укажите значения для различных параметров.
Источник / Альтернативный источник 1 / Альтернативный источник 2: в поле «Источник» введите размещение видеофайла. Также можно щелкнуть значок папки для выбора видеофайла на вашем компьютере. Поддержка видеоформатов у различных браузеров отличается. Если видеоформат, указанный в поле «Источник», не поддерживается браузером, используется формат, указанный в поле «Альтернативный источник 1» или «Альтернативный источник 2». Браузер выбирает первый знакомый ему формат для отображения элемента видео.
Примечание
Чтобы быстро добавить видео в три поля, воспользуйтесь множественным выбором. Когда вы выбираете три формата для одного и того же видео из папки, первый формат в списке используется для заполнения поля Источник. Последующие форматы в списке используются для автозаполнения полей Альтернативный источник 1 и Альтернативный источник 2.
Дополнительная информация о браузерах и поддерживаемых видеоформатах приведена в таблице ниже. Актуальную информацию см. в HTML5 - Browser Support.
|
Браузер |
MP4 |
WebM |
Ogg |
|
Internet Explorer 9 |
Да |
Нет |
Нет |
|
Firefox 4.0 |
Нет |
Да |
Да |
|
Google Chrome 6 |
Да |
Да |
Да |
|
Apple Safari 5 |
Да |
Нет |
Нет |
|
Opera 10.6 |
Нет |
Да |
Да |
- Название: введите название видео.
- Ширина (W): введите ширину видео в пикселях.
- Высота (H): введите высоту видео в пикселях.
- Элементы управления: выберите этот параметр, если вы хотите отобразить элементы управления видео, такие как «Воспроизведение», «Пауза» и «Отключить звук», на HTML-странице.
- Автозапуск: выберите этот параметр, если вы хотите, чтобы видео начало воспроизводиться, как только оно загрузится на web-странице.
- Афиша: введите расположение изображения, которое должно отображаться до окончания загрузки видео или пока пользователь не нажмет кнопку Воспроизвести. Значения ширины и высоты заполняются автоматически при вставке изображения.
- По кругу: при выборе этого параметра видео будет воспроизводиться непрерывно, пока пользователь не остановит его.
- Отключение звука: при выборе этого параметра звук видео будет отключен.
- Видео Flash: выберите файл SWF для браузеров, которые не поддерживают видео HTML5.
- Резервный текст: текст, отображаемый в браузерах, не поддерживающих HTML5.
- Предварительная загрузка: указывает, как должно загружаться видео при загрузке страницы с точки зрения автора. Если выбрать «Авто», при загрузке страницы видеофайл будет загружаться целиком. Если выбрать «Метаданные», после завершения загрузки страницы будут загружаться только метаданные.
Просмотр элементов видео в браузере
Сохраните веб-страницу.
Выберите «Файл» > «Просмотр в реальном времени». Выберите браузер, в котором вы хотите осуществить просмотр.
Связанные материалы
Создание красивых веб-сайтов в Dreamweaver
Создавайте дизайн, пишите код и управляйте динамическими веб-сайтами с помощью многофункционального инструмента.
