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

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

Quantidade de visualizações: 1145 vezes

Em algumas situações nós gostaríamos de definir a posição do vídeo sendo executado no elemento <video> do HTML5. Isso pode ser feito fornecendo um valor em segundos (pode ser fracionário) para a propriedade currentTime do elemento HTMLMediaElement, herdada pelo elemento HTMLVideoElement.

No trecho de código abaixo nós temos um elemento <video>, no qual o vídeo será carregado, uma caixa de texto e um botão. Informe a posição desejada do vídeo no formato hh:mm:ss e clique no botão para visualizar o resultado. Veja a listagem:

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)

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de HTML5

Como movimentar uma imagem na superfície do elemento Canvas do HTML5 usando as teclas de direção

Como mover uma bola na superfície do Canvas do HTML5 na vertical - Para cima, para baixo e rebatendo

Como definir a cor da caneta do contexto de desenho do Canvas do HTML 5 usando a propriedade strokeStyle

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

Como definir a largura da linha do contexto de desenho do Canvas do HTML 5 usando a propriedade lineWidth

Como usar a tag/elemento <video> do HTML5 em suas aplicações web

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

Como usar o método arc() do objeto Canvas do HTML5 para desenhar arcos, curvas e círculos

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

Dicas e truques de outras linguagens

PHP - Como calcular porcentagem em PHP - Como efetuar cálculos de porcentagem em PHP

Java - Java Swing Avançado - Como exibir imagens nas células de uma JTable em suas aplicações Java Swing

Java - Java Avançado - Como listar o conteúdo de um diretório recursivamente

Delphi - Como retornar uma lista dos dispositivos de entrada MIDI no sistema usando Delphi

Python - Como obter o tamanho (comprimento) de uma string em Python usando a função len()

Java - Como copiar todos os elementos de um Vector Java para um array

AutoCAD VBA - Como criar uma linha no AutoCAD usando Autocad VBA e a função AddLine() do objeto ModelSpace

C# - Como abrir outros formulários de sua aplicação C# Windows Forms a partir do formulário principal

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

C# - Como inserir um item em uma determinada posição da ListBox do C# Windows Forms usando o método Insert()

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

Definindo a posição atual do vídeo que está sendo executado no 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