Crear un reproductor de video en HTML5 personalizado (Parte 2)

La API de Video, sin duda alguna es uno de los grandes progresos y regalías que HTML5 nos ofrece, ahora bien, la idea de personalizar el video debe ser uno de los grandes motivos por los que utilizar el reproductor ahora mismo, a partir de aquí no existe diferencia alguna entre esta poderosa habilidad del nuevo estandar de HTML y el reproductor que Flash nos ofrece.

Este es un tutorial en el que veremos cómo programar los controles de HTML5 que en un previo tutorial también mostrado aquí en HTML5 Fácil hemos diseñado, el reproductor es una muestra más de todo lo que podemos lograr con CSS, jScript y HTML5 sin duda alguna, la imaginación es el límite.

Imagen de previsualización de YouTube

Disfruta del tutorial y no olvides dejar tus comentarios.

5 comentarios en “Crear un reproductor de video en HTML5 personalizado (Parte 2)

  1. Note que al bajarle volumen el range lo corriste a la derecha… Osea que al mover a la derecha es menos volumen y a la izquierda es mas? Si es asi como ¿se puede cambiar eso para que sea lo contrario?, ya que me parece mas intuitivo de esta otra manera.

    Otra duda, como colocas el range en vertical?

    Gracias. Muy buenos tutos

  2. me gusto el tutorial este bien contenido, comenzare a trabajarlo, pero el archivo .js me pone dudoso por que cuando descargue ese archivo para trabajar el jw player el AVG lo reconocia como virus; Estoy esperando el full screen y la barra vertical una observacion en donde dice "video.volume = volumen.video" no falta una "n" =) , bueno es todo y espero que me ayuden en futuras dudas, y gracias. si quieren observar como es mi pagina por curiosidad es: http://www.jfoh.260mb.org

    1. El tutorial es para crear un reproductor de video personalizado, a menos de que descargues el video y lo pongas en ese reproductor, la respuesta seria si, pero en realidad es para cualquier video.

  3. Este video lo estado siguiendo,en youtube,de hecho estoy subscrito a este tutorial,de hecho, aún estoy intentando colocar " play y pause" en un mismo botón.
    también me gustaría,saber como crear una lista de videos y,que estos ,se vean en un mismo reproductor.Tipo como youtube.
    Así que, si me puedes ayudar en esto te lo agradecería.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cerrar