Foros del Web » Creando para Internet » HTML »

Loading para vifeo/audio

Estas en el tema de Loading para vifeo/audio en el foro de HTML en Foros del Web. Hola, tengo este codigo que quiero implementar, en donde se carga un video y un audio, pero me faltaria un laoding, que me indique como ...
  #1 (permalink)  
Antiguo 28/03/2022, 06:07
 
Fecha de Ingreso: diciembre-2006
Mensajes: 32
Antigüedad: 15 años, 5 meses
Puntos: 0
Loading para vifeo/audio

Hola, tengo este codigo que quiero implementar, en donde se carga un video y un audio, pero me faltaria un laoding, que me indique como va la carga del video y del audio, este es el codigo:

Código HTML:
!DOCTYPE html> 
<html> 
<head>
   <link href="css/video-3.css" type="text/css" rel="stylesheet" />
   <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script src="js/video-3.js"></script>
</head>
<body> 
<video id="video-background" autoplay="true" preload muted loop>
  <source src="video/video.webm" type="video/webm">
  Your browser does not support HTML5 video.
</video>
<audio id="audio-background" src="audio/music.webm" autoplay="true" preload type="audio/mpeg">
   Your browser does not support HTML5 audio.
</audio>

<script>
var vid = document.getElementById("video-background");
vid.onloadedmetadata = function() {
  alert("Metadata for video loaded");
};
</script> 
</body> 
</html> 
por otro lado, onloadedmetadata solo lo es para el video, como puedo hacer que sea tambien para el audio en el script?
  #2 (permalink)  
Antiguo 18/04/2022, 08:26
Avatar de teslas  
Fecha de Ingreso: febrero-2013
Ubicación: Barcelona
Mensajes: 103
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Loading para vifeo/audio

Tendría que ser algo así, y podrías cargar tu gif de carga.

Código HTML:
<span id="loader" style="display:none;"> 
          <img src="ruta/loadingimage.gif" alt="cargando"/> 
 </span> 



La zona horaria es GMT -6. Ahora son las 07:56.