Как вставить фильм или видео в документ HTML

HTML-графика

Вы можете встроить фильм в документ HTML, используя примеры ниже. Для совместимости мы рекомендуем использовать видеоформат MP4, который поддерживается всеми основными браузерами и операционными системами.

Чаевые

Размещение фильмов на вашем сервере может быть дорогим из-за затрат на пропускную способность. Если вы не хотите беспокоиться о размещении видеофайлов и хотите привлечь внимание огромной аудитории, то размещение видео на YouTube и размещение ссылки на вашем сайте — отличная идея.

Заметка

Не все из приведенных ниже предложений будут работать для всех браузеров. Убедитесь, что решение, которое вы решили использовать, работает с браузерами, которые вы хотите поддерживать.

  • Ссылка на файлы фильмов.
  • Вставить видео на YouTube.
  • Видео тег.
  • Основной тег для вставки.
  • Добавьте файлы фильмов, используя тег img.
  • Вставить тег для воспроизведения фильмов QuickTime.
  • Введите атрибут для встроенного тега, чтобы указать плагин.

Ссылка на файлы фильмов

В приведенных ниже примерах представлены различные методы, позволяющие сделать видеофайл видимым из окна браузера. Мы также рекомендуем создать прямую ссылку для загрузки файла, которая позволяет посетителям загружать файл, если фильм не воспроизводится в браузере. Ниже приведены два примера прямых ссылок на два видеофайла в этом документе.

Робот флоппи-дисковод

HTML код

Робот флоппи-дисковод

IBM Linux реклама

HTML код

IBM Linux реклама

Вставить видео на YouTube

Хостинг видео на YouTube — это здорово, потому что он экономит на пропускной способности, может поддерживать множество зрителей, а также может представлять ваши видео посетителям самой популярной страницы в Интернете. Ниже приведен пример видео, размещенного на YouTube и встроенного на этом сайте.

HTML код

HTML-код для всех видео YouTube можно найти по ссылке на общий доступ, которая есть в каждом видео YouTube. После того, как вы нажали на ссылку «Поделиться», нажмите на ссылку «Вставить». Ниже приведен пример кода, который используется для отображения вышеуказанного видео на YouTube.




Видео тег

Тег представляет собой тег HTML, предназначенный для отображения видео во всех современных браузерах. Тег поддерживает форматы видео MP4, Ogg и WebM и может быть реализован с помощью одного тега HTML.

Ваш браузер не поддерживает тег.

HTML код

Ваш браузер не поддерживает <видео> тег.

Основной тег для вставки

Ниже приведен код наиболее простого метода встраивания файла в веб-страницу.

Пример HTML-кода

В этом примере вы используете элемент embed, чтобы указать на источник файла фильма, который вы хотите воспроизвести. Имейте в виду, что это очень простой пример, и он не будет отображать никаких предупреждений или указывать пользователю место для загрузки плагина, если видеофайл не поддерживается.

Добавить файл фильма с помощью тега img

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

Пример HTML-кода

Вставить тег для воспроизведения фильмов QuickTime (.MOV)

Файлы фильмов Apple QuickTime — еще один популярный тип фильмов в Интернете. Ниже приведен базовый пример того, как включить эти файлы в вашу веб-страницу.

Заметка

QuickTime больше не поддерживается в Microsoft Windows, и все новые браузеры больше не поддерживают этот метод встраивания фильмов QuickTime.

Пример HTML-кода

В приведенном выше примере встраивания первая часть кода указывает на источник (источник) файла фильма, который является самим файлом фильма. Далее, страница плагина — это расположение плагина, если посетитель не установил его. Ширина и высота являются фактическими размерами видеофайла. Значение Controller может быть установлено в true или false, чтобы переключать отображение нижних элементов управления.

Чаевые

Вы можете увеличить высоту видеофайла, если не видите контроллер.

Цикл — это параметр, когда вы хотите, чтобы файл автоматически запускался заново после завершения. Наконец, автозапуск сообщает браузеру, начинать или не запускать воспроизведение видеофайла после завершения загрузки страницы.

Введите атрибут для тега вставки, чтобы указать плагин

В теге embed включите атрибут type, чтобы указать тип MIME для видеофайла. Это позволяет вам указать плагин, необходимый для воспроизведения видео в браузере.

Пример HTML-кода

В приведенном выше примере атрибут type установлен в video / x-msvideo, который является типом MIME для видеофайлов AVI.

Чтобы определить значение, которое нужно присвоить атрибуту типа для других типов видеофайлов, проверьте список типов MIME для видеофайлов на странице Типы носителей IANA.

Ссылка на основную публикацию
Adblock
detector