Foros del Web » Creando para Internet » HTML »

Control de sonido en videos embebidos HTML5

Estas en el tema de Control de sonido en videos embebidos HTML5 en el foro de HTML en Foros del Web. Buenas, Cómo se puede poner un control o icono para mute o no de un video embebido en HTML5? Aparece siempre el video con el ...
  #1 (permalink)  
Antiguo 25/02/2015, 06:19
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Pregunta Control de sonido en videos embebidos HTML5

Buenas,

Cómo se puede poner un control o icono para mute o no de un video embebido en HTML5?

Aparece siempre el video con el sonido incorporado. Me gustaría que saliese sin sonido pero con un icono o control de un altavoz por ejemplo para que el usuario si quiere ponga el sonido... se puede hacer?

El código actual es el siguiernte:

Código HTML:
<video width="100%" height="100%" autoplay>
  <source src="http://www.web.es/video.mp4" type="video/mp4"></video> 
Gracias por adelantado!
  #2 (permalink)  
Antiguo 25/02/2015, 09:30
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Control de sonido en videos embebidos HTML5

Solo tienes que añadir el atributo controls a la etiqueta <video>
  #3 (permalink)  
Antiguo 25/02/2015, 12:02
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Respuesta: Control de sonido en videos embebidos HTML5

Mmmm...no aparece nada, no se si lo puse bien:

Cita:
<video width="100%" height="100%" autoplay volume="0" controls>
<source src="http://www.miweb.es/video.mp4" type="video/mp4"></video>
  #4 (permalink)  
Antiguo 26/02/2015, 11:42
Avatar de Bandit
Moderador
 
Fecha de Ingreso: julio-2003
Ubicación: Lima - Perú
Mensajes: 16.726
Antigüedad: 20 años, 9 meses
Puntos: 406
Respuesta: Control de sonido en videos embebidos HTML5

Hola NaRanJiTo78:
Aquí tienes un tutor: https://www.youtube.com/watch?v=FIkJMbq9Yo8

Espero haberte sido de ayuda.
__________________
Bandit.
Si no sabes estudia y si sabes enseña.
http://www.banditwebdesign.com/
  #5 (permalink)  
Antiguo 27/02/2015, 08:42
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 7 meses
Puntos: 578
Respuesta: Control de sonido en videos embebidos HTML5

Te tiene que funcionar si has puesto los enlaces bien.

Por cierto, quita lo de volume="0", porque no existe en HTML

Bandit, ya no es necesario pasarlo a otros formatos de video.

Etiquetas: control, embebidos, html5, sonido, videos
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:53.