JavaScript - reproducir un video en html5 usando javascript

 
Vista:
sin imagen de perfil

reproducir un video en html5 usando javascript

Publicado por David (3 intervenciones) el 02/07/2022 19:49:25
hola,

disculpen que esta duda entiendo que es muy básica pero me estoy iniciando ahora con javascript y por más que le doy vueltas no sé porque no se reproduce el video. se carga pero no se empieza a reproducir. lo he intentado con chrome y firefox.. copio el código y adjunto el video.

muchas gracias.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Qué curioso!</title>
<script>
var z=document.getElementById("mivideo");
z.play();
</script>
<style>
#mivideo{
width:500px;
}
</style>
</head>

<body>
<video id="mivideo" src="videos/goomalling-storm.mp4"></video>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de Ivan

reproducir un video en html5 usando javascript

Publicado por Ivan (118 intervenciones) el 03/07/2022 21:52:16
Hola,

la forma correcta de añadir videos en HTML5 es esta:

1
2
3
4
<video id="mivideo" controls>
  <source src="videos/goomalling-storm.mp4" type="video/mp4">
  <p>Tu navegador no soporta videos en HTML5. Link al <a href="videos/goomalling-storm.mp4">video</a></p>
</video>

Si quitas el atributo "controls" el video se mostrará sin los controles.
Luego el JavaScript, hablando de memoria, diría que está bién.

Un saludo!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar
sin imagen de perfil

reproducir un video en html5 usando javascript

Publicado por David (3 intervenciones) el 08/07/2022 10:22:47
Hola de nuevo,

He cambiado la forma de insertar el video en la forma que me indicaste pero no resuelve el problema. Realmente lo que ocurre es que no se está ejecutando el play() de forma correcta.

Adjunto el código completo con estilo y javascript para ver si me puedes echar una mano

Muchas gracias
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de ScriptShow
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

reproducir un video en html5 usando javascript

Publicado por ScriptShow (692 intervenciones) el 08/07/2022 11:35:59
Saludos David. Veamos algo sencillo para empezar...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html>
<html>
<body>
<button onclick="playVid()" type="button">Play Video</button>
<button onclick="pauseVid()" type="button">Pause Video</button><br>
 
<video id="myVideo" width="420">
<source src="video.mp4" type="video/mp4">
<source src="video.ogg" type="video/ogg">
<p>Tu navegador no soporta videos en HTML5. Link al <a href="video.mp4">video</a></p>
</video>
 
<script>
var vid = document.getElementById("myVideo");
 
function playVid() {
vid.play();
}
 
function pauseVid() {
vid.pause();
}
</script>
</body>
</html>

Espero sea útil.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
sin imagen de perfil

reproducir un video en html5 usando javascript

Publicado por David (3 intervenciones) el 08/07/2022 14:04:21
gracias! lo pruebo a ver
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar