La propiedad de tipo fuente en HTML DOM se usa para establecer o devolver el valor del atributo de tipo en un elemento <fuente>. El atributo de tipo se utiliza para especificar el tipo MIME del recurso multimedia.
Sintaxis:
- Devuelve la propiedad de tipo Fuente.
sourceObject.type
- Se utiliza para establecer la propiedad Tipo de fuente.
sourceObject.type = MIME_type
Valores de propiedad: contiene un valor único MIME_type que especifica el MIME_type del recurso multimedia. Pocos tipos de MIME son video/ogg, videomp4, audio/ogg, etc.
Valor de retorno: devuelve un valor de string que representa el tipo MIME del recurso multimedia.
Ejemplo 1: este ejemplo devuelve la propiedad de tipo fuente.
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Source type property</h2>
<audio controls>
<source id="mySource" src="gameover.wav" type="audio/mpeg">
<source src="gameover.ogg" type="audio/ogg">
</audio>
<p>Click the button to get the type of the audio file.</p>
<button onclick="myFunction()">
Get Source type
</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySource").type;
document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Ejemplo 2: este ejemplo establece la propiedad Tipo de origen.
<!DOCTYPE html>
<html>
<head>
<style>
body {
text-align: center;
}
h1 {
color: green;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM Source type property</h2>
<audio controls>
<source id="mySource" src="gameover.wav" type="audio/mpeg">
<source src="gameover.ogg" type="audio/ogg">
</audio>
<p>Click the button to set the source
type of the audio file.</p>
<button onclick="myFunction()">
Set Source type
</button>
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("mySource").type = "audio/ogg";
document.getElementById("demo").innerHTML =
"The source type has been changed to " +x;
}
</script>
</body>
</html>
Salida:
antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- Google Chrome
- Firefox
- explorador de Internet
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA