entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

2votos

hola,lo que quiero es hacer que siempre en una pagina en la parte de abajo este unos botones ,exactamente los de un reproductor de musica
aquí esta el código de los botones

<!DOCTYPE html>
  <html>
  <head>
    <title></title>
    <script>
</script>
  </head>
  <body>
  <audio id="player" src="archivo">
</audio>
<div>
    <button onclick="document.getElementById('player').play();">Reproducir</button>
    <button onclick="document.getElementById('player').pause();">Pausa</button>
    <button onclick="document.getElementById('player').volume += 0.1;">Subir Volumen</button>
    <button onclick="document.getElementById('player').volume -= 0.1;">Bajar Volumen</button>
    <button onclick="document.getElementById('player').currentTime=0;">replay</button>

</div>
  </body>
  </html>  

1 Respuesta

2votos

Leonardo-Tadei Puntos214700

Hola @nico140,

Para que una parte de la página quede siempre visible abajo, tenés que hacer que el DIV contenedor quede en una posición fija.

En tu caso, podrías ponerle al DIV un ID para que quede:

<div id="abajo">
    <button onclick="document.getElementById('player').play();">Reproducir</button>
...

y en el CSS fijar la posición y darle una altura:

#abajo{
  position:fixed; /* fija la posición */
  bottom: 0; /* lo pega al borde de abajo */
  widht: 100%; /* toda la pantalla de ancho */
  height: 80px; /* le da una altura */
}

También vas a tener que acomodar los botones para separarlos o para darle algún aspecto, pero eso va más en gustos.

Tal vez haya alguna cosa que corregir, porque te lo escribo de memoria sin probarlo, pero la idea es esa!

Saludos cordiales

Por favor, accede o regístrate para responder a esta pregunta.

¿Conoces alguien que puede responder?
¡Comparte esta pregunta!


Otras Preguntas y Respuestas


Actividad Reciente

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta