2010-04-13 18 views
8

Estoy buscando un buen plugin de jQuery que permita la reproducción de video HTML5, con elegante retroceso a Flash (y potencialmente, a reproductor de sistema predeterminado, etc.). He buscado en Google, pero nada de lo que he encontrado ha sido todo lo que estoy buscando. ¿Alguna sugerencia?complementos jQuery para reproducción de video HTML5?

Respuesta

10

¿Por qué necesita un plugin? ¿Necesitas un complemento para escribir un div? ¿Necesita un complemento para manipular el DOM? ¡El objetivo de los elementos de video y audio HTML5 es que están incorporados! Puede usar jQuery para establecer el innerHTML del contenedor en la etiqueta < del video >. Si te preocupa el repliegue, tendrás una pesadilla absoluta si tratas de hacerlo en JS. ¿Estás realmente seguro de que JS puede adivinar lo suficiente sobre la plataforma, compilar las opciones que utilizó el navegador, y demás, para averiguar qué códecs son compatibles?

Cualquier solución que se encuentre obligada apalancamiento la incorporada en el mecanismo de reserva de < vídeo >, que está diseñado para hacer todo por ti.

Un tutorial con la sintaxis correcta para usar se llama Video for Everybody. O echo eco ese código del lado del servidor, o configúrelo como innerHTML usando JS y todo funciona en todos los navegadores, incluyendo iPhone y Flash Fallback.

Tenga en cuenta que si elige generar el elemento de video usando JS, evita innecesariamente que se muestre como un cerramiento en RSS.

La página vinculada también tiene referencias a otras implementaciones de la misma idea a la que se debe prestar atención. Sin embargo, cualquier cosa que requiera JS es inmediatamente sospechosa ya que es más probable que rompa cosas que usar el soporte de video integrado como se esperaba. (Por otro lado, usar JS para proporcionar controles bastante fáciles de usar al video es exactamente como se pretendía, es una mala idea usarlo para colocar el elemento de video en la página, ya que también está sujeto a roturas).

Si debe usar JS para sus propios controles personalizados (use su propia imagen para el botón reproducir/pausa, etc.), genere el elemento de video en la página con la opción de controles establecida (marque documentation si es necesario) y luego desactívelo los controles una vez que sepa que el cliente tiene una solución JS que puede conducir el video correctamente.

¿Tiene sentido?

+0

Espera un segundo, ¿no necesitas un complemento para la aplicación flash? video.play() no funcionará en flash sin más código. – Mark

3
+0

¿Por qué "Eventually"? –

+0

No lanzado aún, pero parece prometedor. – ryanulit

+0

Eventualmente porque aún no se ha lanzado. No estoy 100% seguro de que esto sea jQuery, pero tío, estate atento porque esto es legítimo. Se reduce al reproductor de video normal en iPad + iPhone. Tiene modo de flash, etc. –

1

Acabo de comenzar a buscar una solución como esta recientemente y encontré jPlayer, que es un reproductor de video/audio con soporte HTML5 y capacidad de recuperación de reproducción Flash. Permite la creación de CSS y personalizar los controles y el contenedor.

http://www.jplayer.org/