Manual de referência HTML

Catálogo de etiquetas HTML

Áudio HTML/Propriedade preload do DOM de vídeo

　Áudio HTML/Manual de Referência DOM de Vídeo

Exemplo online

A página começa a carregar o vídeo assim que é carregada:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso da propriedade preload do vídeo-Tutorial básico(oldtoolbag.com)>/<title>
</<head>
<body>
<button onclick="enablePreload()" type="button">Carregar vídeo</button>
<button onclick="disablePreload()" type="button">Não carregar vídeo</button>
<button onclick="checkPreload()" type="button">Verificar estado de carga</button>
<br>　
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Seu navegador não suporta	HTML5　video		etiqueta.
</video>
<script>
myVid=document.getElementById("video",1");
function enablePreload()
{　
　　myVid.preload="auto";
}　　
function disablePreload()
{　
　　myVid.preload="none";
}　
function checkPreload()
{　
　　alert(myVid.preload);
}　
</script>　
</body>
</html>

Teste veja ‹/›

Definição e uso

A propriedade preload define ou retorna se o áudio deve começar a ser carregado imediatamente após a carga da página/Vídeo.
A propriedade preload permite que o autor forneça ao navegador/Ela acredita que isso trará o melhor experiência do usuário. Em alguns casos, pode ignorar essa propriedade.

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Todos os navegadores principais suportam a propriedade preload.

Atenção:Internet Explorer 8 E as versões anteriores não suportam essa propriedade.

Sintaxe

Definir a propriedade preload:

audio|video.preload="auto|metadata|none"

Retorno da propriedade preload:

audio|video.preload

Valor do atributo

Valor	Descrição
auto	Indica que o áudio deve começar a ser carregado assim que a página for carregada/Vídeo.
metadata	Indica que o áudio deve ser carregado após a carga da página/Metadados do vídeo.
none	Indica que o áudio não deve ser carregado após a carga da página/Vídeo.

Detalhes técnicos

Retorno:	Valor de string, auto\|metadata\|none

　Áudio HTML/Manual de Referência DOM de Vídeo

HTML: <template> tag