Firefox поддерживает вставку видео в страницы с тегом VIDEO (HTML 5.0)

Submitted by direqtor on Чт, 02/18/2010 - 17:04

Обновил сегодня Firefox до версии 3.5.8 и интересная новость. Теперь этот браузер поддерживает планируемый в HTML 5.0 тег video. Пример тут http://ru.www.mozilla.com/ru/firefox/3.5.8/whatsnew/

Вставка видеофайла выглядит примерно так:

<video src="http://ipload.ru/download/video/masl.AVI">
  <a href="http://ipload.ru/download/video/masl.AVI">Скачать видео</a>
</video>

Если у вас уже стоит эта версия, то чуть ниже вы увидите картинку заглушку, кликнув по которой правой кнопкой мыши и выбрав команду «Воспроизвести», увидите масленицу.

Пользователи с браузерами без этих примочек увидят ссылку «Скачать видео» и тоже смогут посмотреть кинушку. Кроме нее внутрь нового тега можно вставить любой старый вариант внедрения видео, например, через флеш-плеер. Так что с обратной совместимостью всё в порядке.

Лично мне нравятся такие нововведения. Буду использовать их в своей работе.

Тег video в стандарте HTML 5.0 http://dev.w3.org/html5/spec/Overview.html#video

Bookmark/Search this post with:
  • Delicious
  • Digg
  • Reddit
  • Furl
  • Facebook
  • Google
  • Yahoo
  • Technorati

Как бы нам не хотелось

Submitted by Виктор (не проверено) on Чт, 03/11/2010 - 15:05.

Как бы нам не хотелось использовать все эти новшества - не получиться, ведь большинство юзеров все равно сидит на допотопных ИЕ и нельзя про них просто забытью.

Ведь согласитесь - тыкать на ссылку "скачать" вместо того, чтобы сразу смотреть - это не совсем юзабильно и многие просто уйдут со страницы.

А почему?

Submitted by direqtor on Чт, 03/11/2010 - 16:59.

Плохо. Вы тоже человек не умеющий читать написанное на русском языке.

Кроме нее внутрь нового тега можно вставить любой старый вариант внедрения видео, например, через флеш-плеер.

Это называется обратной совместимостью стандартов. Советую осилить это понятие.

Отправить комментарий

Содержание этого поля является приватным и не предназначено к показу.
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Доступны HTML теги: <a> <em> <strong> <cite> <code> <s> <u> <ul> <ol> <li> <dl> <dt> <dd>
  • Строки и параграфы переносятся автоматически.
  • You can enable syntax highlighting of source code with the following tags: <code>, <blockcode>. Beside the tag style "<foo>" it is also possible to use "[foo]".
  • Images can be added to this post.

Подробнее о форматировании

CAPTCHA
Защита от спама: ответьте на вопрос.
Image CAPTCHA
Enter the characters shown in the image. Ignore spaces and be careful about upper and lower case.