Manual de referência HTML

大全 de etiquetas HTML

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

A propriedade mediaGroup do DOM de vídeo reflete a propriedade HTML mediaGroup, que indica o nome do grupo de elementos ao qual pertence. Um grupo de elementos de mídia compartilha um controlador público.

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

Exemplo online

Configuração2Grupo de mídia de um vídeo:

Exemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Áudio HTML/Uso da propriedade mediaGroup do vídeo-Tutorial básico(oldtoolbag.com)</title>
</head>
<body>
<button onclick="setMedGroup()" type="button">Definir a combinação de mídia para dois vídeos</button>
<button onclick="getMedGroup()" type="button">Obter a combinação de mídia do vídeo</button>
<br>　
<video id="video1" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　Your browser does not support HTML5　video.
</video>
<video id="video2" controls="controls">
　　<source src="movie.mp4" type="video/mp4">
　　<source src="movie.ogg" type="video/ogg">
　　O seu navegador não suporta　HTML5　video　　tag.
</video>
<script>
myVid1=document.getElementById("video1");
myVid2=document.getElementById("video2");
function setMedGroup()
{　
　　myVid1.mediaGroup="test";
　　myVid2.mediaGroup="test";
}　
function getMedGroup()
{　
　　alert("Video　1　grupo de mídia: "　+　myVid1.mediaGroup　+
　". Video　2　grupo de mídia: "　+　myVid2.mediaGroup);
}　
</script>　　
</body>
</html>

Teste e veja ‹/›

Definição e uso

Propriedade mediaGroup define ou retorna o áudio/o nome do grupo de mídia ao qual o vídeo pertence.
O grupo de mídia permite2um ou mais áudios/O elemento de vídeo mantém o sincronismo.

Compatibilidade de navegador

IEFirefoxOperaChromeSafari

Todos os navegadores populares suportam a propriedade mediaGroup.

Sintaxe

Definir a propriedade mediaGroup:

audio|video.mediaGroup="group"

Retorna a propriedade mediaGroup:

audio|video.mediaGroup

valor do atributo

valor	descrição
group	definir áudio/combinação de mídia de vídeo.

Detalhes técnicos

Valor de retorno:	valor de string, que indica o áudio/combinação de mídia de vídeo.

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

HTML: <template> tag