Video

  • Revision slug: HTML/Elemento/Video
  • Revision title: Video
  • Revision id: 132754
  • Created:
  • Creator: Leandro Mercês Xavier
  • Is current revision? Não
  • コメント 214 words added, 203 words removed

Revision Content

{{ gecko_minversion_header("1.9.1") }}

O elemento video é usado para inserir conteúdo de vídeo em um documento HTML ou XHTML. O elemento video foi adicionado como parte do HTML 5.

  • Tipo de Elemento: block-level
  • Conteúdo Permitido: alternate text
Nota: Atualmente, o Firefox suporta apenas Theora para vídeo, em recipientes Ogg.  Além disso, o servidor precisa servir o arquivo utilizando o MIME type correto para que o Firefox o reproduza corretamente.

Atributos

Note que diversos atributos ainda não são suportados pelo Firefox.

autoplay
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.
autobuffer
Um atributo booleano; se especificado, o vídeo iniciará a leitura dos dados (buffering) 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 (buffered) até que o cache de mídia esteja cheio.
controls
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.
height
A altura da área de exibição do vídeo, em pixels CSS.
loop {{ unimplemented_inline() }} {{ bug("449157") }}
Um atributo booleano; se especificado, ao alcançar o fim do vídeo, voltará ao início automaticamente.
poster {{ unimplemented_inline() }} {{ bug("449156") }}
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.
src
A URL do vídeo a ser embutido. Este atributo é opcional; em vez disso você pode usar o elemento source (en) dentro do bloco video para especificar o vídeo a embutir.
width
A largura da área de exibição do vídeo, em pixels CSS.

O deslocamento de tempo é especificado como um valor de ponto flutuante indicando o número de segundos do deslocamento.

Nota: 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.

Exemplos

<video src="videofile.ogg" autoplay>
  Seu navegador não suporta o elemento <code>video</code>.
</video>

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.

Veja também

{{ languages( { "fr": "fr/HTML/Element/video" } ) }}

Revision Source

<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>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.<br> </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>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>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>
Revert to this revision