La propiedad de reproducción automática de video se usa para configurar o devolver si un video debe comenzar a reproducirse tan pronto como se cargue o no . Se puede usar para especificar que el video debería comenzar a reproducirse automáticamente tan pronto como se cargue.
Sintaxis:
- Para devolver la propiedad de reproducción automática:
videoObject.autoplay
- Para establecer la propiedad de reproducción automática:
videoObject.autoplay = true|false
Valores de propiedad:
- verdadero|falso: se usa para especificar si un video debe comenzar a reproducirse automáticamente tan pronto como se cargue o no. De forma predeterminada, se establece en falso.
Valores devueltos: Devuelve un valor booleano que devuelve verdadero cuando el video comienza a reproducirse automáticamente, de lo contrario devuelve falso.
El siguiente programa ilustra la propiedad de reproducción automática de video:
Ejemplo-1: Habilitar la reproducción automática para un video.
html
<!DOCTYPE html>
<html>
<head>
<title>
Video Autoplay Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>
GeeksforGeeks
</h1>
<h2>
Video Autoplay 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 know whether autoplay is enabled or not
, double click the "Return Buffered Range" button.
</p>
<button ondblclick="My_Video()"
type="button">
Enable Autoplay
</button>
<p id="test"></p>
<script>
function My_Video() {
v.autoplay = true;
v.load();
}
</script>
</body>
</html>
Producción:
Example-2: Finding out if the video started to play as soon as it was ready.
html
<!DOCTYPE html>
<html>
<head>
<title>
Video autoplay Property in HTML
</title>
<style>
h1 {
color: green;
}
h2 {
font-family: Impact;
}
body {
text-align: center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Video autoplay Property</h2>
<br>
<video id="Test_Video"
width="360"
height="240"
controls autoplay>
<source src="samplevideo.mp4"
type="video/mp4">
<source src="movie.ogg"
type="video/ogg">
</video>
<p>
To know whether autoplay is enabled or not,
double click the "Check" button.
</p>
<button ondblclick="My_Video()">
Check
</button>
<p id="test"></p>
<script>
function My_Video() {
var v =
document.getElementById(
"Test_Video").autoplay;
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 reproducción automática de video DOM se enumeran a continuación:
- Google Chrome 3 y superior
- Borde 12 y superior
- Internet Explorer 9 y superior
- Firefox 3.5 y superior
- Ópera 10.5 y superior
- Apple Safari 3.1 y superior
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