Содержание
Видео тег HTML5 позволяет легко добавлять видео на ваши веб-страницы. Но, хотя на первый взгляд это кажется простым, есть много вещей, которые вам нужно сделать, чтобы ваше видео заработало. Из этого туториала вы узнаете, как создать страницу в HTML5, которая будет воспроизводить видео во всех современных браузерах.
- Размещение собственного HTML5-видео против использования YouTube
- Краткий обзор поддержки видео в Интернете
- Создание и редактирование вашего видео
- Конвертировать видео в Ogg для Firefox
- Конвертировать видео в MP4 для Safari
- Конвертировать видео в FLV для Internet Explorer
- Добавьте элемент видео на вашу веб-страницу
- Добавьте JavaScript и Flash Player, чтобы заставить Internet Explorer работать
- Тестируйте как можно больше браузеров
01
из 10
Размещение собственного HTML 5 видео против использования YouTube
YouTube отличный сайт. Это позволяет легко встраивать видео в веб-страницы, и с некоторыми небольшими исключениями довольно легко выполнять эти видео. Если вы разместите видео на YouTube, вы можете быть достаточно уверены, что любой сможет его посмотреть.
Но использование YouTube для встраивания видео имеет некоторые недостатки
Большинство проблем с YouTube связаны с потребителем, а не с дизайнером, например:
- Медленный поиск и индексация
- Перебои в работе сервера
- Содержание удаляется (казалось бы) произвольно
- Слишком много плохого контента
Но есть несколько причин, по которым YouTube вреден и для разработчиков контента, в том числе:
- Максимальная продолжительность 10 минут для видео (для бесплатных аккаунтов)
- Низкая производительность при загрузке
- YouTube получает неограниченные права на использование вашего видео
- Любой пользователь YouTube получает неограниченные права на использование вашего видео.
HTML5 видео дает некоторые преимущества перед YouTube
Использование HTML5 для видео позволит вам контролировать каждый аспект вашего видео, от того, кто может его просматривать, сколько времени, что контент содержит, где он размещен и как работает сервер. А HTML5-видео дает вам возможность кодировать ваше видео в любом количестве форматов, которое вам необходимо, чтобы обеспечить максимальное количество зрителей. Вашим клиентам не нужен плагин или ждать, пока YouTube выпустит более новую версию.
Конечно, HTML5 видео предлагает некоторые недостатки
Они включают:
- Вы должны закодировать свое видео как минимум в трех разных кодеках
- Вы должны включить JavaScript, чтобы браузеры, которые не поддерживают HTML5, работали
- Ваш сервер должен иметь возможность обрабатывать требования к пропускной способности хостинга видео
