Как встроить видеофайл MP4 в HTML, как профессионалы

Как встроить видеофайл MP4 в HTML, как профессионалы

Селена Томас

Август 27, 2021 15: 00Размещено от в MP4

Сегодня все становится все проще, кроме профессиональной работы, такой как вставить видео MP4 в HTML страница в Интернете. Это связано с тем, что у всех веб-браузеров не было единого стандарта для определения встроенных мультимедийных файлов, таких как видео. В этой главе мы продемонстрируем два метода добавления видео на веб-страницы, чтобы каждый мог создавать видео со встроенным HTML как профессионал.

Вставить MP4 в HTML

Часть 1: Как вставить MP4 в HTML

Метод 1: как встроить MP4 в HTML с помощью кода

Веб-страницы используют коды HTML для создания структуры. Это похоже на добавление MP4 в HTML со вставкой фотографии. Однако для этого требуется больше элементов управления, таких как воспроизведение, цикл, звук и т. Д. Более того, видео должно увеличиваться и уменьшаться в зависимости от вашего браузера. Следовательно, для этого также требуется внешний документ CSS.

MP4 HTML

Шаг 1

Сначала создайте документ CSS и введите команду ниже:

.welcome_vid {
Дисплей: блок;
маржа слева: авто;
маржа-право: авто;
ширина: 80%;
высота: авто;
}

Это означает добавление MP4 в центр HTML и создание адаптивного видео. Назовите документ CSS как style.css и поместите его в тот же каталог, что и веб-страница.

Шаг 2

Вставьте документ CSS на веб-страницу, добавив коды на веб-страницу:




Шаг 3

Теперь вставьте MP4 в HTML с приведенными ниже кодами:



Этот браузер не отображает тег видео.

Замените путь с путем или URL-адресом вашей папки с видео и имя с именем вашего файла MP4.

Шаг 4

Сохраните веб-страницу и проверьте, воспроизводится ли видео на веб-странице.

Метод 2: как добавить YouTube MP4 в HTML

Командный язык труден для новичков и обычных людей. Вы можете задаться вопросом, можете ли вы добавить MP4 в HTML без каких-либо технических навыков. Следующие шаги могут быть полезны.

Шаг 1

Откройте веб-сайт YouTube в браузере и войдите в свою учетную запись. Если у вас его нет, создайте новую учетную запись.

Шаг 2

Нажмите Создавай со значком видеокамеры вверху справа и выберите Загрузить видео. Затем нажмите ВЫБРАТЬ ФАЙЛЫ во всплывающем диалоговом окне и загрузите MP4, который вы хотите вставить в HTML.

Загрузить Видео

Шаг 3

Следуйте инструкциям на экране, чтобы задать описание и другие параметры. Наконец, ударил СПАСТИ .

Шаг 4

Затем откройте загруженное видео на YouTube, и вы увидите несколько вариантов. Щелкните значок Поделиться значок, и вы получите панель общего доступа. Перейти к встраивать вкладку, скопируйте ссылку в поле и вставьте ее на свою веб-страницу. MP4 добавит в ваш HTML-документ. По умолчанию видео встроено в iframe. Вы также можете изменить код, например размер видео и многое другое.

Поделиться панелью

Примечание: YouTube поддерживает только увеличение видео продолжительностью до 12 часов менее 128 ГБ. Рекомендуемое соотношение сторон - 16: 9.

Рекомендую: лучший конвертер MP4

Добавить файл

MP4 - это стандартный видеоформат для распространения анимированного контента через Интернет. Иногда у вас есть просто AVI, MKV или другие видеофайлы без потерь. Они предлагают лучшее качество, чем MP4, но размер файла больше. Лучшее решение - конвертировать ваши видеофайлы в MP4 с помощью Конвертер видео Blu-ray Master Ultimate.

Основные характеристики лучшего конвертера MP4

Короче говоря, это лучший вариант конвертировать ваши видео файлы в MP4.

Часть 2: Часто задаваемые вопросы о встраивании MP4 в HTML

Как превратить видео в ссылку?

Чтобы преобразовать видео в URL-ссылку, вам понадобится хост-сервис. К счастью, существует множество доступных услуг. YouTube, например, позволяет загружать видео и превращать его в ссылку. Более того, облачные сервисы, такие как Dropbox, тоже обладают такой емкостью.

Какой тег используется для вставки видео в HTML?

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

Как я могу воспроизвести видео при загрузке страницы?

До HTML5 для воспроизведения видео на веб-странице требовался плагин Adobe Flash Player. С появлением HTML5 вы теперь можете размещать видео прямо на самой странице.

Заключение

В этом руководстве описаны два простых способа вставить MP4 в HTML, чтобы вы могли публиковать видео на своей веб-странице. Для новичков вы можете использовать YouTube в качестве хоста и создать ссылку на видео. Однако коды HTML дают вам больше возможностей для управления воспроизведением видео. Если у вас есть другие проблемы, пожалуйста, оставьте сообщение под этим сообщением.

Что вы думаете об этом посте.

Прекрасно

Рейтинг: 4.9 / 5 (180 голосов)

Более Чтение

Как конвертировать DAV в MP4 - 3 рабочих метода для конвертации файлов CCTV DAV

Что такое файл DAV? Когда вы записали несколько видео в DAV, как конвертировать DAV в MP4? Просто узнайте больше о 3 рабочих способах из статьи.

2 лучших способа конвертировать M4A в MP4 на Windows и Mac

Если вы хотите конвертировать iTunes M4A в телефон Android или другие устройства, вы можете получить 2 эффективных и простых способа конвертировать M4A в MP4 из статьи.

Как конвертировать файл WLMP в MP4

Вам не удалось открыть файл WLMP на вашем компьютере? Дело в том, что ни один медиаплеер не может его воспроизвести. Вам нужно преобразовать WLMP в MP4. Эта статья расскажет вам 3 способа конвертировать WLMP в MP4.

Как конвертировать файл WLMP в MP4

Вам не удалось открыть файл WLMP на вашем компьютере? Дело в том, что ни один медиаплеер не может его воспроизвести. Вам нужно преобразовать WLMP в MP4. Эта статья расскажет вам 3 способа конвертировать WLMP в MP4.

MP4

Что такое MP4 Извлечь субтитры из MP4 Редактор метаданных MP4 MOV vs MP4 Сжать MP4 файл MP4 Cutter Обрезать MP4