Osmar J. Silva

Ofereço ajuda em Java, C/C++, Python, C#, LISP, AutoLisp, AutoCAD

+55 (062) 98553-6711

José de Angelis

Ofereço ajuda em PHP, Python, C#, JavaScript, Laravel, Google Ads e SEO

+55 (062) 98243-1195

Você está aqui: HTML5 ::: Referência Tags/Elementos HTML5 ::: Tag/Elemento <Video>

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

Quantidade de visualizações: 1681 vezes

A tag/elemento <video> do HTML5 é usada quando queremos incorporar um vídeo em nossos documentos HTML sem incluir plugs adicionais, tais como o Flash Player. Contudo, o suporte a este elemento pode variar de navegador para navegador (faça testes com seus navegadores alvos antes).

Em geral, navegadores que dão suporte ao elemento <video> suportam os seguintes formatos de vídeo: MP4, Ogg e WebM.

Veja um documento HTML que carrega um vídeo MP4:

<!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" src="filme.mp4">

+ Ver Código Completo - Exclusivo para Apoiadores - R$ 32,90 (12 meses de acesso)

Quando você abrir esta página HTML, você verá um vídeo na tela já com os controles para iniciar, pausar, e parar a execução (contanto que você tenha informado um endereço válido para o vídeo). Note que não especificamos o tamanho do vídeo na página, o que fará com que o elemento <video> tenha as dimensões do vídeo que foi carregado.

Link para compartilhar na Internet ou com seus amigos:

Veja mais Dicas e truques de HTML5

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

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

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

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 movimentar uma bola na superfície do Canvas do HTML5 em determinados ângulos

Como mover uma bola na superfície do Canvas do HTML5 na horizontal - Para a direita, para a esquerda e rebatendo

HTML5 para iniciantes - Como usar a meta tag viewport para controlar o layout de suas páginas HTML

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

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

Dicas e truques de outras linguagens

Ruby - Exercícios Resolvidos de Ruby - Escreva um programa Ruby para mover todos os zeros para o final do vetor, sem alterar a ordem dos elementos já presentes no array

C - Como escrever uma função recursiva para calcular a potência de um número usando a linguagem C

Java - Java Swing para iniciantes - Como adicionar componentes à janela do aplicativo Java Swing

PHP - PHP MySQL - Como efetuar uma conexão PHP + MySQL usando PDO (PHP Data Objects)

C# - Curso de C# - Como usar os tipos de dados short e ushort da linguagem C#

Java - Como testar se um valor está contido em uma ArrayList do Java usando a função contains()

Java - Como comparar duas strings em Java usando o método equals() da classe String

VB.NET - Como usar o laço Do...Until...Loop do VB.NET

Portugol - Como calcular o coeficiente angular de uma reta em Portugol dados dois pontos no plano cartesiano

CSS - Como definir uma imagem de fundo para a página HTML em CSS usando a propriedade background-image

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 ::: Referência Tags/Elementos HTML5 ::: Tag/Elemento <Video>

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

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