La propiedad de precarga de video se usa para establecer o devolver el valor del atributo de precarga de un video . El atributo de precarga se usa para especificar la forma en que el autor cree que se debe cargar el video cuando se carga la página.
El atributo de precarga de video le permite al autor retratar al navegador sobre la forma en que se debe implementar la experiencia del usuario de un sitio web.
Sintaxis:
- Devuelve la propiedad de precarga:
videoObject.preload
- Establezca la propiedad de precarga:
videoObject.preload = "auto|metadata|none"
Valores de propiedad:
- auto : se usa para especificar que el navegador debe cargar el video completo cuando se carga la página.
- metadatos: se utiliza para especificar que el navegador debe cargar solo metadatos cuando se carga la página.
- ninguno: se usa para especificar que el navegador NO debe cargar el video cuando se carga la página.
Valor de retorno: devuelve un valor de string, que representa qué datos deben precargarse (si corresponde). Los posibles valores de retorno son «automático», «metadatos» o «ninguno». Consulte «Valores de propiedad» para conocer el significado de los valores
El siguiente programa ilustra la propiedad Video Preload.
Ejemplo-1: Devolver la propiedad de precarga de video.
html
<!DOCTYPE html>
<html>
<head>
<title>
Video Preload Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Video Preload Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>To return the value of the preload attribute,
double click the "Return Preload Attribute" button.</p>
<button ondblclick="My_Video()"
type="button">
Return Preload Attribute
</button>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById(
"Test_Video").preload;
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Ejemplo-2: Establezca la propiedad de precarga de video.
html
<!DOCTYPE html>
<html>
<head>
<title>
Video Preload Property
</title>
</head>
<body style="text-align:center">
<h1 style="color:green">
GeeksforGeeks
</h1>
<h2 style="font-family: Impact">
Video Preload Property
</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>To set the value of the preload attribute,
double click the "Set Preload Attribute" button.</p>
<button ondblclick="My_Video()"
type="button">
Set Preload Attribute
</button>
<p id="test"></p>
<script>
function My_Video() {
var v = document.getElementById(
"Test_Video").preload="auto";
document.getElementById("test").innerHTML = v;
}
</script>
</body>
</html>
Producción:
- Antes de hacer clic en el botón:
- Después de hacer clic en el botón:
Navegadores compatibles: El navegador compatible con HTML | Las propiedades de precarga de video DOM 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