Один из трюков с HTML5 video. Используется CSS (свойство - transform)
для поворота видео-изображения на 180 градусов. В качестве тестовых
видео-файлов используются изображения с http://www.archive.org:
Использование простое. Главная задача - определить как называется соответствующее свойство для данного браузера.
Вот, собственно код, который определяет как же называется нужное свойство в браузере:
var v = document.getElementById('video');
var properties = ['transform', 'WebkitTransform', 'MozTransform',
'msTransform', 'OTransform'];
var prop = 'transform',
p;
while(p = properties.shift())
{
if(typeof v.style[p] != 'undefined')
prop = p;
}
См. также здесь другие демонстрации HTML5: использование canvas и
игра Pacman
