Você está aqui: HTML5 ::: HTML5 + JavaScript ::: Video - HTMLVideoElement

Como retornar a duração de um vídeo carregado em um elemento <video> do HTML5

Quantidade de visualizações: 2867 vezes

Em algumas situações nós precisamos obter, via JavaScript, a duração do vídeo que foi carregado na tag/elemento <video> do HTML5. Para isso podemos acessar a propriedade duration da interface HTMLMediaElement, herdada pelo elemento HTMLVideoElement.

Esta propriedade é somente leitura e retorna a duração do vídeo em segundos (um valor float que poderá conter uma parte fracionária). Fique atento ao fato de que, se o arquivo de mídia ainda não tiver sido carregado, o valor retornado será NaN. Se o vídeo estiver sendo carregado a partir de uma stream ao vivo, o valor retornado será +Infinity.

Veja um trecho de código no qual carregamos um vídeo no elemento <video> e depois clicamos em um botão para chamar a função que nos retornará a duração do vídeo no formato hh:mm:ss:

Este trecho de código ou resolução de exercício faz parte do Super Pack 12.000 Dicas e Truques de Programação e 1.500 Exercícios Resolvidos em Java, Python, VisuAlg, Portugol, Delphi, C#, C, C++, VB.NET, Golang, Pascal, Ruby, PHP, e várias outras linguagens.

Aprenda a programar resolvendo problemas do mundo real. Tudo em português, com comentários em português.

Quero Ser Apoiador(a)

Ao clicar no botão você terá um resultado parecido com:

A duração do vídeo é: 01:24:00.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de HTML5

Como retornar a localização do usuário usando o método getCurrentPosition() da API Geolocation do HTML5

Como criar um programa de desenho simples usando o objeto Canvas do HTML5

Computação gráfica usando HTML 5 - Como usar o método lineTo() do objeto Canvas do HTML5 para desenhar retas

Como criar animações em HTML5 + JavaScript usando o método requestAnimationFrame() do objeto window

Como carregar uma imagem (ou foto) no objeto Canvas do HTML5

Como obter a duração de um vídeo carregado em um elemento <video> do HTML5

Como criar um relógio digital usando o Canvas do HTML5 e as funções fillText() e requestAnimationFrame()

Como acessar sua webcam, obter o MediaStream retornado e usá-lo na propriedade srcObject do elemento video do HTML5

Definindo a posição atual do vídeo que está sendo executado no elemento video do HTML5

Entenda e aprenda a usar a tag/elemento <audio> do HTML5

Dicas e truques de outras linguagens

Python - Como calcular o Índice de Esbeltez de um pilar em Python - Python para Engenharia Civil e Cálculo Estrutural

Java - Como usar a classe Calendar do Java em suas aplicações - Java para iniciantes

C - Como somar os elementos da diagonal principal de uma matriz em C

Java - Como renomear um diretório em Java usando o método renameTo() da classe File - Arquivos e diretórios em Java

Python - Como calcular a Posição da Linha Neutra em vigas de concreto armado usando Python - Python para Engenharia Civil - Cálculo Estrutural

C# - Como testar se um ano é bissexto em C# usando a função IsLeapYear() da classe DateTime

C++ - Como excluir um diretório em C++ usando a função rmdir()

Delphi - Como definir ou retornar a cor de fundo de uma determinada coluna do TDBGrid do Delphi

AutoCAD Civil 3D .NET C# - Como retornar a quantidade de perfis de um alinhamento do Civil 3D usando a função GetProfileIds() da API C# do AutoCAD Civil 3D

Python - Como converter uma string para float ou double em Python usando a função float()

E-Books em PDF

E-Book 350 Exercícios Resolvidos de Java - PDF com 500 páginas

Domine lógica de programação e a linguagem Java com o nosso E-Book 350 Exercícios Exercícios de Java, para você estudar onde e quando quiser.

Este e-book contém exercícios resolvidos abrangendo os tópicos: Java básico, matemática e estatística, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - PDF com 1.200 páginas

Domine lógica de programação e a linguagem Python com o nosso E-Book 650 Dicas, Truques e Exercícios Exercícios de Python, para você estudar onde e quando quiser.

Este e-book contém dicas, truques e exercícios resolvidos abrangendo os tópicos: Python básico, matemática e estatística, banco de dados, programação dinâmica, strings e caracteres, entrada e saída, estruturas condicionais, vetores e matrizes, funções, laços, recursividade, internet, arquivos e diretórios, programação orientada a objetos e muito mais.

Ver Conteúdo do E-book

Linguagens Mais Populares

1º lugar: Java
2º lugar: Python
3º lugar: C#
4º lugar: PHP
5º lugar: C
6º lugar: Delphi
7º lugar: JavaScript
8º lugar: C++
9º lugar: VB.NET
10º lugar: Ruby

Você está aqui: HTML5 ::: HTML5 + JavaScript ::: Video - HTMLVideoElement

Como retornar a duração de um vídeo carregado em um elemento <video> do HTML5

Questões de Concurso para Engenharia Civil

Exercícios Resolvidos

Bancos de Dados

Questões de Concurso

Frameworks

Projetos e Códigos Fonte

Especializações

Calculadoras

Ferramentas

Todas as Linguagens, Frameworks, Biliotecas e Bancos de Dados

Compre pelo WhatsApp: +55 (062) 98553-6711

E-Book 650 Dicas, Truques e Exercícios Resolvidos de Python - Com comentários em Português

PDF COM 1.200 PÁGINAS

Apenas R$ 32,90