 |
|
||||
Você está aqui: HTML5 ::: HTML5 + JavaScript ::: Video - HTMLVideoElement |
Obtendo a posição atual do vídeo que está sendo executado no elemento video do HTML5Quantidade de visualizações: 1364 vezes |
|
A propriedade currentTime do elemento HTMLMediaElement, herdada pelo elemento HTMLVideoElement, retorna a posição atual do vídeo como um valor de ponto flutuante com precisão dupla. Isso pode ser interessante quando queremos, por exemplo, gravar em um banco de dados, periodicamente, a posição do vídeo que o usuário está assistindo no momento. Veja um trecho de código no qual obtemos o valor da propriedade currentTime e o exibimos em uma DIV, no formato hh:mm:ss:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Como usar a tag video do HTML5</title>
</head>
<body>
<video controls="controls" id="video" src="filme.mp4">
Seu browser não dá suporte ao elemento video do HTML5.
</video>
<br><button onClick="obterPosicaoAtual()">Obter Posição Atual</button>
<br><div id="posicao_div"></div>
<script type="text/javascript">
function obterPosicaoAtual(){
// vamos obter uma referência ao elemento <video>
var video = document.getElementById('video');
// agora obtemos a dureção do vídeo em segundos
Ao clicar no botão você terá um resultado parecido com: A posição do vídeo é: 01:24:00. |
 Link para compartilhar na Internet ou com seus amigos: |
Veja mais Dicas e truques de HTML5 |
Dicas e truques de outras linguagens |
|
Android Java - Como detectar um clique em um botão do Android usando setOnClickListener() e exibir uma mensagem AlertDialog |
E-Books em PDF |
||||
|
||||
|
||||
Linguagens Mais Populares |
||||
|
1º lugar: Java |
