La propiedad multimedia HTML DOM Source se utiliza para establecer o devolver el valor del atributo multimedia del elemento <source>. El atributo de medios <source> se usa para aceptar cualquier consulta de medios válida que normalmente se definiría en un CSS. Este atributo puede aceptar varios valores.
Sintaxis:
-
Se utiliza para devolver la propiedad multimedia.
SourceObject.media;
-
Se utiliza para establecer la propiedad multimedia.
SourceObject.media="values";
Posibles operadores
- y: operador AND
- no: NO operador
- o: operador OR
DISPOSITIVOS
- todo: Apto para todos los dispositivos
- aural: sintetizadores de voz
- braille: dispositivos de retroalimentación braille
- handheld: dispositivos portátiles (pantalla pequeña, ancho de banda limitado)
- proyección: Proyectores
- imprimir: modo de vista previa de impresión/páginas impresas
- pantalla: Pantallas de computadora
- tty: teletipos y medios similares que utilizan una cuadrícula de caracteres de paso fijo
- tv: dispositivos de baja resolución o capacidad de desplazamiento limitada como la televisión.
VALORES
- ancho: se utiliza para apuntar al ancho del área de visualización.
- altura: se utiliza para apuntar a la altura del área de visualización
- ancho del dispositivo: se utiliza para mostrar el objetivo o el ancho del papel.
- altura del dispositivo: se utiliza para mostrar el objetivo o la altura del papel.
- orientación: pantalla de destino u orientación del papel.
- relación de aspecto Ancho/alto: relación del área de visualización de destino.
- device-aspect-ratio: Relación de ancho/alto del dispositivo de la pantalla/papel de destino.
- color: Bits por color de la pantalla de destino.
- índice de color: número de colores que puede manejar la pantalla de destino.
- Monocromo: bits por píxel en un búfer de cuadro monocromático.
- resolución Píxel: densidad (dpi o dpcm) de la pantalla/papel de destino.
- escanear: Método de escaneado de una pantalla de televisión.
- grid: si el dispositivo de salida es grid o bitmap.
Valor de retorno: devuelve un valor de string, que representa el tipo sangrado del recurso de medios
Ejemplo: El siguiente código HTML devuelve la propiedad de medios de origen.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Source media property</h2>
<audio controls>
<source id="mySource" src="gameover.wav"
type="audio/mpeg" media="(min-width: 600px)">
<source src="gameover.ogg" type="audio/ogg">
</audio>
<p>Click the button to get the media of the source file.</p>
<button onclick="myGeeks()">
Get Media
</button>
<p id="demo"></p>
<script>
function myGeeks() {
var x = document.getElementById("mySource").media;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Producción :
Navegadores compatibles:
- Google Chrome
- Ópera
- Safari
- Firefox
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA