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

  • Post author:
  • Post category:HTML5

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

Faça o download clicando aqui

Tags: