Regresar a la página www.ComoCrearTuWeb.com
Página 9 de 9 PrimerPrimer ... 56789
Resultados 121 al 124 de 124

Tema: [Solucionado] Insertar un reproductor de video o musica

  1. #121
    Me va gustando esto... Habitante
    Fecha de Ingreso
    17 jul, 11
    Ubicación
    Boadilla del Monte
    Mensajes
    51
    Poder de Reputación
    10
    Cita Iniciado por alam Ver Mensaje
    ola yo encontre una pagina donde puedes hacer un reproductor de video o de musica
    es esta www.mixpod.com
    Y el código que te da lo puedes poner en la plantilla html? funciona en la web? Gracias y un saludo.

  2. #122
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    16 dic, 13
    Ubicación
    valencía
    Mensajes
    2
    Poder de Reputación
    0
    Hola,jorgens.
    Me gustaría saber como puedo colocar,varios vídeos,en una página web.Con un reproductor diseñado por mí.El código que he colocado es este:
    <head>
    <link href="Reproductor_de_video_HTML5_personalizado.css " rel="stylesheet" type="text/css" />

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

    <script>

    $(document).ready(function () {
    $('video').bind('timeupdate',function(){

    var tiempoActual = video.currentTime;
    var tiempoTotal= video.duration;
    var porcentaje = tiempoActual/tiempoTotal*140;
    $('#tiempoActual').html(Math.floor(tiempoActual)/100);
    $('#tiempoTotal').html(Math.floor(tiempoTotal)/100);
    $('#progreso').width(porcentaje);
    });
    var video = $('video')[0]
    var video = $('video')[1]
    var video = $('video')[2]

    $('#play').click(function(){

    video.play();




    /*Esto "$('video')[0].play();" lo sustituimos por:
    (var video =$('video') [0]) y así poder poner solo "video.play"*/




    });


    $('#stop').click(function(){
    video.pause();
    video.currentTime= -1;
    });
    $('#forward').click(function(){
    video.currentTime += 1.3;
    });
    $('#rewind').click(function(){
    video.currentTime -= 1.3;
    });


    });
    </script>
    </head>
    <html>
    <div id="reproductorMarco">
    <video width="720" height="340" poster="../imagenes/IMG_2039.JPG" loop controls preload>
    <source src="../videos/Diseña_tu_propio_reproductor_parte1.mp4" type="video/mp4" />
    <source src="../videos/Diseña_tu_propio_reproductor_parte1.ogv" type="video/ogv" />
    <source src="../videos/Diseña_tu_propio_reproductor_parte1.webm" type="video/webm" />

    Tu explorador no soporta video
    </video>


    <div id="controlesMarco">
    <img id="rewind" src="../imagenes/rewind.png" alt="Retroceder"height="20"/>
    <img id="play" src="../imagenes/play.png" alt="REtroceder"height="20"/>
    <img id="stop" src="../imagenes/stop.png" alt="REtroceder"height="20"/>
    <img id="forward" src="../imagenes/forward.png" alt="REtroceder"height="20"/>
    <span id="tiempoActual">0:00</span> | <span id="tiempoTotal">0:00</span>
    <div id="progresoCont">
    <div id="progreso"></div>
    </div>
    </div>
    </div>
    </html>
    Me falta saber,cómo poner más vídeos ?

  3. #123
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    16 dic, 13
    Ubicación
    valencía
    Mensajes
    2
    Poder de Reputación
    0
    Cita Iniciado por duejuako Ver Mensaje
    Y el código que te da lo puedes poner en la plantilla html? funciona en la web? Gracias y un saludo.
    Gracias,duejuako por tu contestación.

  4. #124
    Recien Llegado! Habitual
    Fecha de Ingreso
    21 jul, 17
    Ubicación
    chile
    Mensajes
    12
    Poder de Reputación
    1
    Gracias por el tutorial . es bueno salir de las dudas con las preguntas y respuestas. Saludos

Temas Similares

  1. Insertar un reproductor de video como el de blip
    Por cricri en el foro Video, Música y Sonidos
    Respuestas: 0
    Último Mensaje: 21/08/2009, 00:44
  2. [Solucionado] Insertar un Reproductor de Música =)EXCELENTE!
    Por *Blaizer* en el foro Video, Música y Sonidos
    Respuestas: 13
    Último Mensaje: 25/04/2008, 16:36

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •