---
title: Video
slug: Web/HTML/Element/video
translation_of: Web/HTML/Element/video
original_slug: Web/HTML/Elemento/Video
---
<p>{{ gecko_minversion_header("1.9.1") }}</p>
<p>O elemento <code>video</code> é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento <code>video</code> foi adicionado como parte do HTML 5.</p>
<ul>
 <li>Tipo de Elemento: <a class="internal" href="/en/HTML/Block-level_elements" title="en/HTML/Block-level elements">block-level</a></li>
 <li>Conteúdo Permitido: alternate text</li>
</ul>
<div class="note">
 <strong>Nota:</strong> Atualmente, o Firefox suporta apenas Theora para vídeo, em recipientes Ogg.  Além disso, o servidor precisa servir o arquivo utilizando o <em>MIME type</em> correto para que o Firefox o reproduza corretamente.</div>
<h2 id="Atributos">Atributos</h2>
<p>Note que diversos atributos ainda não são suportados pelo Firefox.</p>
<dl>
 <dt>
  autoplay</dt>
 <dd>
  Um atributo booleano; se especificado, o vídeo iniciará a reprodução automaticamente assim que puder, portanto, sem para para finalizar o carregamento dos dados.</dd>
 <dt>
  autobuffer</dt>
 <dd>
  Um atributo booleano; se especificado, o vídeo iniciará a leitura dos dados (<em>buffering</em>) mesmo se não estiver configurado para reproduzir automaticamente. Isto deve ser usado para casos em que provavelmente o vídeo será reproduzido (por exemplo, se o usuário navegou para a página exclusivamente para reproduzir o vídeo, não se o vídeo foi inserido junto a outro conteúdo). O vídeo é lido (<em>buffered</em>) até que o <em>cache</em> de mídia esteja cheio.</dd>
 <dt>
  controls</dt>
 <dd>
  Se este atributo estiver presente, Firefox oferecerá controles para permitir que o usuário controle a reprodução do vídeo, incluindo volume, procura, e pausa/continuar.</dd>
 <dt>
  height</dt>
 <dd>
  A altura da área de exibição do vídeo, em pixels CSS.</dd>
 <dt>
  loop {{ unimplemented_inline() }} {{ bug(449157) }}</dt>
 <dd>
  Um atributo booleano; se especificado, ao alcançar o fim do vídeo, voltará ao início automaticamente.</dd>
 <dt>
  poster {{ unimplemented_inline() }} {{ bug(449156) }}</dt>
 <dd>
  Uma URL indicando um quadro pôster para se exibir enquanto não houver dados do vídeo disponíveis. Se este atributo não for especificado, nada é exibido até o vídeo estar disponível para reprodução.</dd>
 <dt>
  src</dt>
 <dd>
  A URL do vídeo a ser embutido. Este atributo é opcional; em vez disso você pode usar o elemento <a class="internal" href="/En/HTML/Element/Source" title="En/HTML/Element/Source"><code>source</code></a> (en) dentro do bloco video para especificar o vídeo a embutir.</dd>
 <dt>
  width</dt>
 <dd>
  A largura da área de exibição do vídeo, em pixels CSS.</dd>
</dl>
<p>O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.</p>
<div class="note">
 <strong>Nota:</strong> A definição do valor de deslocamento de tempo ainda não está completa na especificação do HTML 5 e está sujeita a mudanças.</div>
<h2 id="Exemplos">Exemplos</h2>
<pre class="brush: html">&lt;video src="videofile.ogg" autoplay&gt;
  Seu navegador não suporta o elemento &lt;code&gt;video&lt;/code&gt;.
&lt;/video&gt;
</pre>
<p>Reproduz um vídeo, inicia a reprodução assim que tenha recebido o bastante do vídeo para permitir a reprodução sem pausas para baixar mais.</p>
<h2 id="Veja_também">Veja também</h2>
<ul>
 <li><a class="internal" href="/En/Media_formats_supported_by_the_audio_and_video_elements" title="En/Media formats supported by the audio and video elements">Media formats supported by the audio and video elements</a> (EN)</li>
 <li><a class="internal" href="/Pt/HTML/Element/Audio" title="Pt/HTML/Element/Audio"><code>audio</code></a></li>
 <li><a class="internal" href="/Pt/Usando_%C3%A1udio_e_v%C3%ADdeo_no_Firefox" title="Pt/Usando áudio e vídeo no Firefox">Usando áudio e vídeo no Firefox</a></li>
 <li><a class="internal" href="/En/Manipulating_video_using_canvas" title="En/Manipulating video using canvas">Manipulating video using canvas</a> (EN)</li>
 <li><code>{{ interface("nsIDOMHTMLMediaElement") }}</code></li>
 <li><a class="external" href="http://tinyvid.tv/" title="http://tinyvid.tv/">TinyVid</a> - exemplos utilizando arquivos ogg no HTML 5. (EN)</li>
 <li><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/#video" title="http://www.whatwg.org/specs/web-apps/current-work/#video">The <code>video</code> element</a> (HTML 5 specification)</li>
</ul>
<p>{{ languages( { "fr": "fr/HTML/Element/video" } ) }}</p>