Utilizando a tag vídeo do HTML 5 com autoplay e barra de progresso

outubro 13, 2013

1 Min read

Começando agora a nova fase de tutorials do blog estarei apresentando abaixo uma forma simples de adicionar vídeos OGV, MP4 e WebM utilizando a tag video do HTML5

<html>

  <head>

  <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.4.2.min.js”></script>

  <script type=”text/javascript”>

$(document).ready(function(){

$(“#alcatelvideo”).bind(‘ended’, function(){

location.href=”http://alcatelonetouchevo7.com.br/”;

});

});

  </script>

  </head>

  <body>

  <video id=”alcatelvideo” width=”100%” height=”100%” autoplay>

  <source src=”http://alcatelonetouchevo7.com.br/videos/EVO7_Tablet_H264_Youtube_640_360.oggtheora.ogv”type=”video/ogg” />

Your browser does not support the video tag.

  </video>

  <progress id=’alcatelvideo’ style=”width: 100%;”></progress>

  </body>

</html>

Faça o download clicando aqui

Utilizando a tag vídeo do HTML 5 com autoplay e barra de progresso

Facebook Twitter

About the author

Jaccon

By Jaccon outubro 13, 2013