Главная » 2012 » Март » 16 » Скрипты uCoz: Плеер в сочетании HTML5 и Flash
19:35
Скрипты uCoz: Плеер в сочетании HTML5 и Flash

Плеер в сочетании HTML5 и Flash


Советуем посмотреть:



В коде используется элемент <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













Внимание! Копирование данного материала запрещено без указания ссылки на сайт Infoscript.ru
Просмотров: 307 | Добавил: Ahmed | Теги: UCOZ:, HTML5, сочетании, плеер, Скрипты, Flash | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *: