Как вставить видеоролик в HTML?

HTML – язык разметки для создания и отображения веб-страниц. Он способен выводить в окно браузера не только картинки, ссылки и результаты работы различных скриптов, но и видео. Вставку видеоклипа на страницу можно осуществить не только стандартными средствами языка, но и при помощи поддержки технологии Flash.
Создать сайт самостоятельно с Wix.com

Инструкция

В языке разметки HTML для вывода видеоплеера на экран используется специальный тег embed. Откройте HTML-файл при помощи любого текстового редактора и пропишите строку:Данный дескриптор имеет несколько дополнительных параметров. Атрибут width позволяет указать фиксированную ширину видео, а height – высоту. Autostart отвечает за автоматический запуск плеера после нажатия кнопки. Укажите параметр Loop, если хотите включить автоматический повтор.

Для создания клавиш управления воспроизведением, укажите controller = true. Со всеми указанными параметрами данный тег будет выглядеть следующим образом:

Если вы хотите включить на странице ролик с использованием флэш, воспользуйтесь программой Adobe Flash. Если ее нет, установите приложение, скачав инсталлятор с сайта разработчика Adobe.

Перейдите в меню File – New, чтобы создать новый проект. В окне выбора типа файла укажите Flash Document.

Чтобы изменить высоту и ширину ролика, выберите Modify – Document, где для параметров Dimensions укажите нужные вам значения. В поле Background color вы можете задать фоновый цвет, который будет отображаться до и после воспроизведения файла.

После регулировки размера видео, импортируйте нужный файл через вкладку File – Import. Укажите путь до видео, нажмите Open. В следующем меню выберите самый первый режим Progressive download from a web-server.

Отредактируйте длительность ролика при помощи редактора. Задайте внешний вид плеера, который будет отображаться на экране для управления видео. После завершения всех настроек, нажмите Finish.

Кликните на меню File – Save, укажите имя файла, выберите формат fla. Дождитесь окончания сохранения ролика, перейдите в Publish Settings. Во вкладке Formats поставьте галочки напротив пунктов Flash и HTML. Во вкладке Flash поставьте галочку напротив Compress movie. Во вкладке HTML для Template задайте Flash Only. Завершив настройки, кликните Publish и снова сохраните проделанную работу.

Скопируйте код из файла html к себе на страницу. После открытия файла вы сможете воспроизвести видео.

Оцените статью!