1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
|
---
title: Video
slug: Web/HTML/Elemento/Video
translation_of: Web/HTML/Element/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"><video src="videofile.ogg" autoplay>
Seu navegador não suporta o elemento <code>video</code>.
</video>
</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>
|
