Ни для кого не секрет, что Стив Джобс ненавидел Flash; он был единолично ответственным за его падение. Его причины, все веские, можно прочитать в этом прекрасном эссе. В сети да, Flash проиграл. HTML, CSS, JavaScript победили. Сеть больше не была заполнена уродливыми и медленными заставками веб-сайтов на основе Flash. Сеть стала намного красивее, чем раньше.
Бесстыжий штекер: Ознакомьтесь с нашим новым разделом Ultimate Guides and Ebooks. Это то, что мы называем «красиво информативным». И при его создании не использовалось ни одной строчки Flash-кода.
Тем не менее, Flash по-прежнему преобладает, когда дело доходит до видео. В то время как интерфейсные языки были готовы взять на себя интерактивные элементы веб-сайта, HTML и воспроизведение видео все еще не были лучшими друзьями.
Кружка HTML5 от slavik_V на Flickr. Ссылка на исходное изображение.
Сейчас все намного лучше: спецификация HTML5 дорабатывается, а поддержка браузеров находится на стабильном уровне. Я имею в виду, что, хотя многие веб-сайты все еще любят сжимать Flash-видео по интернет-кабелю, на самом деле им это не нужно. И хотя YouTube переводит множество своих видео в формат HTML5, мы явно еще не достигли этого.
В этом руководстве мы сосредоточимся на том, как форсировать видео HTML5 на таких веб-сайтах, как YouTube и Vimeo (насколько это возможно).
Почему вы хотите это сделать?
Мы знаем, что Flash в целом плох, но зачем вам переходить с Flash-видео на HTML5?
- Видео HTML5 требуют меньше ресурсов. Они загружаются быстрее.
- Они не требуют столько энергии для работы, что означает, что батарея вашего ноутбука работает дольше.
- Для меня, и у меня нет научного доказательства этого, видео HTML5 выглядят более четкими при воспроизведении с разрешением 720p на моем Retina MacBook Pro.
И, конечно же, есть и минусы. По большей части видео HTML5 не поддерживают разрешение 1080p. Если вы увлекаетесь воспроизведением в формате Full HD, это решение может вам не подойти. Опять же, на мой взгляд, воспроизведение 720p HTML5 действительно приятно.
У YouTube есть собственная страница видео HTML5: На собственной видеостранице YouTube HTML5 просто указано, что, когда это возможно, он будет загружать видео HTML5, но не дает подробностей о том, какие именно.
Расширения Chrome
HTML5ify
HTML5ify будет блокировать Flash-контент везде, где это возможно, и заменит его HTML5. Помимо YouTube, он также заставит проигрыватели HTML5 работать в Vimeo (если вы просмотрели более пары видеороликов Vimeo, вы знаете, что встроенный проигрыватель излишне сложен).
HTML5 видео для YouTube
Видео HTML5 для YouTube делает почти то же самое, что и HTML5ify, за исключением того, что добавляет полосу пользовательского интерфейса под каждым видео. Поддержка HTML5 для видео высокой четкости по-прежнему сложна. Так что вам, возможно, придется обойтись разрешением 720p. В раскрывающемся меню под видеоплеером можно выбрать качество.
Дополнения для Firefox
YouTube ВСЕ HTML5
YouTube ALL HTML5 добавляет кнопку, которая переключает текущее видео в формат HTML5.
Видео YouTube HTML5
YouTube HTML5 Video — это простое дополнение, которое вставляет «& html5 = 1» в конце каждого URL-адреса YouTube, заставляя видео загружаться в формате HTML5. Если вы на 100% уверены в видео HTML5 и не хотите каждый раз нажимать кнопку, используйте это дополнение, чтобы в основном автоматизировать процесс.
HTML5-плеер YouTube
YouTube HTML5 Player очень похож на YouTube ALL HTML5. Он представляет вам кнопку, которая при нажатии переключается с Flash на видео HTML5.
Флэш или HTML5?
Теперь твоя очередь. Flash или HTML5 — какой формат воспроизведения онлайн-видео вы предпочитаете? Дайте нам знать в комментариях ниже.
