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

2 ноября 2014 г. Просмотров: 322 Инструкции
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 к себе на страницу. После открытия файла вы сможете воспроизвести видео.
  • Оцените статью!