HTML5

Пример правильного HTML5-кода:

(Открыть шаблонный документ в редакторе)

<!DOCTYPE html>
  <title>Заголовок страницы</title>
  <p>Абзац

ММТВО и Веб-дизайн. HTML5 | Вставка видео
ММТВО и Веб-дизайн. HTML5 | Вставка видео. Часть 2...

Краткая инструкция:

Вам нужно получить ссылку на ролик, размещенный в Интернете. Если для этого используется Dropbox, то ссылка будет иметь вид http://dl.dropbox.com/u/16059006/video/shellboy.mp4. Чтобы гарантировать правильную работу в разных браузерах, желательно иметь еще два варианта в других форматах - ogg и webm. Но в минимальном случае достаточно первого - это все то, что в рамке ниже выделено полужирным шрифтом. Преобразование можно осуществить с помощью Miro Converter.

<video controls='controls' autobuffer='autobuffer' poster='http://dl.dropbox.com/s/5tc3c4ilj54tpcz/weweee.png'>
  <source src='http://dl.dropbox.com/s/v3q9fkcsp8o3ljn/weweee.mp4' type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' /> 
  <source src='http://dl.dropbox.com/s/pcq2dmyxky69hnp/wewee.webm' type='video/webm; codecs="vp8, vorbis"' />  
</video>

mp4 работает в Safari, Chrome, IE
webm работает в Opera, Firefox, Chrome

Этот код можно поместить, например, в сообщение в блоге. Обратите внимание на картинку, указанную в poster="..." - это обычно стоп-кадр из ролика, который показывается, пока ролик грузится.

Есть еще формат Theora (работает там же, где webm)

<source src='http://dl.dropbox.com/s/454pqdcdw9akoq9/wewee.ogv' type='video/ogg; codecs="theora, vorbis"' />

HTML5 на Хабре
Курс ИнтуИТ

Отличная презентация по смыслу тегов: http://pepelsbey.net/pres/sense-coding/?full#Cover
Легкое введение в верстку по макету: http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita
Большая коллекция статей и руководств по веб-технологиям: http://htmlbook.ru/html5
Примеры мультимедийных компонентов HTML5/Apple: http://www.apple.com/html5/

Примеры переходов и анимации от Lea Verou
сайт с демонстрацией timing function - возможность настраивать выполнение анимации.

Семантический HTML5
Типичные ошибки HTML5-верстки

HTML5 на проекте youtube.com
Подготовка HTML5 видео с помощью VLC
Как сделать собственный HTML5 видеоплеер?