2010-04-13 17 views
8

Sto cercando un buon plug-in di jQuery che consenta la riproduzione di video HTML5, con un comodo ritorno a Flash (e potenzialmente ulteriore, al lettore di sistema predefinito, ecc.). Ho cercato su google, ma niente di quello che ho trovato è stato proprio quello che sto cercando. Eventuali suggerimenti?jQuery plugin per la riproduzione di video HTML5?

risposta

10

Perché avete bisogno di un plugin? Hai bisogno di un plugin per scrivere un div? Hai bisogno di un plugin per manipolare il DOM? L'intero punto degli elementi audio e video HTML5 è che sono integrati! È possibile utilizzare jQuery per impostare il innerHTML del contenitore sul tag videoordinario. Se sei preoccupato per il fallback, avrai un incubo assoluto se provi a farlo in JS. Sei davvero sicuro che JS possa indovinare abbastanza sulla piattaforma, sulle opzioni di compilazione utilizzate dal browser e così via, per capire quali sono i codec supportati?

Qualsiasi soluzione che si trovano must leva il built-in meccanismo di fallback di < il video >, che è stato progettato per fare tutto per voi.

Un'esercitazione con la sintassi corretta da utilizzare è denominata Video for Everybody. O echo fuori quel codice lato server, o impostalo come innerHTML usando JS e tutto funziona su ogni browser, incluso il fallback di iPhone e Flash.

Si noti che se si sceglie di generare l'elemento video utilizzando JS, si evita inutilmente che venga visualizzato come un allegato in RSS.

La pagina collegata ha anche riferimenti ad altre implementazioni della stessa idea da guardare. Qualunque cosa richieda JS è immediatamente sospetta in quanto è più probabile che violi qualcosa rispetto all'utilizzo del supporto video integrato come previsto. (D'altro canto, l'utilizzo di JS per fornire controlli abbastanza intuitivi al video è esattamente come previsto, è solo una cattiva idea utilizzarlo per posizionare l'elemento video sulla pagina, poiché è troppo soggetto a rotture.)

Se è necessario utilizzare JS per i propri controlli personalizzati (utilizzare la propria immagine per il pulsante di riproduzione/pausa, ecc.), Generare l'elemento video sulla pagina con l'opzione di controlli impostata (controllare documentation se necessario) e quindi disinserire i controlli una volta che sai che il cliente ha una soluzione JS che può guidare correttamente il video.

Ha senso?

+0

Aspetta un attimo, non ti serve un plugin per la flash api? video.play() non funzionerà sul flash senza altro codice. – Mark

3
+0

Perché "Alla fine"? –

+0

Non ancora rilasciato, ma sembra promettente. – ryanulit

+0

Eventualmente perché non è ancora stato rilasciato. Non sono sicuro al 100% che si tratti di jQuery, ma amico, tieni d'occhio perché questo è legittimo. Ritorna al normale lettore video su iPad + iPhone. Ha la modalità flash, ecc. –

1

Ho appena iniziato a cercare una soluzione come questa di recente e ho trovato jPlayer che è un lettore video/audio con supporto HTML5 e funzionalità di fallback di riproduzione Flash. Permette anche il CSS skinning per personalizzare i controlli e il contenitore.

http://www.jplayer.org/

Problemi correlati