La propiedad Video mediaGroup se utiliza para configurar o devolver el nombre del grupo de medios del que forma parte el vídeo . Se pueden sincronizar
dos o más elementos de <video> usando un grupo de medios.
La propiedad Video mediaGroup devuelve una string que representa el grupo de medios del video.
Sintaxis:
- Devolviendo la propiedad mediaGroup:
videoObject.mediaGroup
- Configuración de la propiedad mediaGroup:
videoObject.mediaGroup = group
Valores de propiedad:
- grupo: Se utiliza para especificar el grupo de medios del video.
El siguiente programa ilustra la propiedad Video mediaGroup:
Ejemplo: configurar el video para que se reproduzca en bucle.
<!DOCTYPE html>
<html>
<head>
<title>
HTML | DOM Video mediaGroup Property
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video mediaGroup Property</h2>
<br>
<video id="Test_Video1"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<video id="Test_Video2"
width="360"
height="240"
controls>
<source src="sample2.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
For setting the media group on the videos,
double click the "Set mediaGroup" button.
</p>
<p>
For returning the mediaGroup of the video,
double click the "Return mediaGroup" button.
</p>
<button ondblclick="set()"
type="button">
Set mediaGroup
</button>
<button ondblclick="get()"
type="button">
Return mediaGroup
</button>
<script>
var v1 = document.getElementById(
"Test_Video1");
var v2 = document.getElementById(
"Test_Video2");
function set() {
v1.mediaGroup = "Heap Sort";
v2.mediaGroup = "Quick Sort";
}
function get() {
alert("Media group of Video 1 is : "
+ v1.mediaGroup +
". Media group of Video 2 is : "
+ v2.mediaGroup);
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón Establecer grupo de medios:
- Después de hacer clic en el botón Establecer grupo de medios:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades de DOM Video mediaGroup se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- safari de manzana
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA