Содержание
Получение видео контента на веб-сайте всегда было проблемой, так как видеофайлы большие, а функции тяжелые. Такие сайты, как YouTube, пытались упростить эту задачу с помощью встроенных инструментов, но большинство веб-дизайнеров согласны с тем, что флэш-видео не обеспечивает качество или безопасность, которые предлагают другие видеокодеки. К счастью, HTML5 теперь поддерживает тег видеоэлемента, то есть вы можете использовать большинство видеоформатов, таких как .mp4 или .avi.
направления
видео (Агри Пресс / Lifesize / Getty Images)-
Измените тип документа вашего файла index.html на сообщить браузеру, что вы используете HTML5. Сохраните файл и закройте его, если вы не поместили видео в индексный файл.
-
Решите, где вы хотите разместить свой видео файл .avi на вашем сайте. В этом месте введите: , Введите значения высоты и ширины вашего видео в кавычках. Это скажет
ваш видео файл. -
Введите местоположение вашего видео между двумя тегами видео. Ваш код должен выглядеть так:
Имейте в виду, что размеры видео приведены только в иллюстративных целях и что «FILENAME.avi» следует заменить названием вашего видео.
-
Сохраните ваш index.html (или любой .html документ, над которым вы работаете), чтобы завершить все изменения. Файл .avi можно воспроизвести на вашем сайте.
чаевые
- На данный момент только Safari, Chrome и Firefox поддерживают эту реализацию веб-видео.
- HTML5 официально не является стандартом веб-разработки, то есть, используя этот метод, вы будете опережать стандартную кривую в Интернете. Это не большая проблема, потому что если браузер не распознает ваш код, он изменится на HTML4, и пользователи вашего сайта все равно смогут его использовать.
Что вам нужно
- Текстовый редактор
- сайт
- Видео архив