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

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

  1. <html>
  2.     <head>
  3.     <script type=”text/javascript” src=”http://code.jquery.com/jquery-1.4.2.min.js”></script>
  4.     <script type=”text/javascript”>
  5.     $(document).ready(function(){
  6.        $(“#alcatelvideo”).bind(‘ended’, function(){
  7.            location.href=”http://alcatelonetouchevo7.com.br/”;
  8.        });
  9.     });
  10.     </script>
  11.     </head>
  12.     <body>
  13.     <video id=”alcatelvideo” width=”100%” height=”100%” autoplay>
  14.         <source src=”http://alcatelonetouchevo7.com.br/videos/EVO7_Tablet_H264_Youtube_640_360.oggtheora.ogv”type=”video/ogg” />
  15.         Your browser does not support the video tag.
  16.     </video>
  17.     <progress id=’alcatelvideo’ style=”width: 100%;”></progress>
  18.     </body>
  19. </html>

Faça o download clicando aqui

About the author

By Jaccon

Arquivos

Andre Jaccon Logo