В коде используется элемент <video>, вложенный элемент <object> для резервного Flash и небольшой скрипт для устройств на Android.
Ставим скрипт в любое место:
Code
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Видео</title>
</head>
<body>
<video id="movie" width="400" height="320" preload controls>
<source src="video/snowman.mp4" />
<source src="video/snowman.webm" type='video/webm; codecs="vp8, vorbis"' />
<source src="video/snowman.ogv" type='video/ogg; codecs="theora, vorbis"' />
<object id="flowplayer" type="application/x-shockwave-flash"
width="400" height="320">
<param name="movie" value="video/flowplayer-3.2.5.swf" />
<param name="flashvars" value='config={"clip":"video/snowman.mp4"}' />
<p>Загрузить видео в <a href="video/snowman.mp4">MP4</a>,
<a href="video/snowman.ogv">OGG</a> или
<a href="video/snowman.webm">WebM</a></p>
</object>
</video>
<script>
var v = document.getElementById("movie");
v.onclick = function() {
if (v.paused) {
v.play();
} else {
v.pause();
}
});
</script>
</body>
</html>
При сочетании HTML5 и Flash вы сможете смотреть это видео практически на любом устройстве и браузере.
Материал взят с сайта infoscript.ru
