8 votes

Des plugins jQuery pour la lecture de vidéos HTML5 ?

Je suis à la recherche d'un bon plugin jQuery qui permette la lecture de vidéos en HTML5, avec un retour gracieux vers Flash (et potentiellement plus loin, vers le lecteur système par défaut, etc). J'ai cherché sur Google, mais je n'ai rien trouvé qui corresponde vraiment à ce que je cherche. Avez-vous des suggestions ?

10voto

Nicholas Wilson Points 4464

Pourquoi avez-vous besoin d'un plugin ? Avez-vous besoin d'un plugin pour écrire un div ? Avez-vous besoin d'un plugin pour manipuler le DOM ? L'intérêt des éléments vidéo et audio HTML5 est qu'ils sont intégrés ! Vous pouvez utiliser jQuery pour définir l'innerHTML du conteneur sur la balise <video> ordinaire. Si vous êtes inquiet au sujet du fallback, vous vivrez un véritable cauchemar si vous essayez de faire cela en JS. Êtes-vous vraiment sûr que JS peut deviner suffisamment la plate-forme, les options de compilation, le navigateur utilisé, etc. pour déterminer quels codecs sont pris en charge ?

Toute solution que vous trouverez doit tirer parti du mécanisme de repli intégré de <video>, qui est conçu pour tout faire à votre place.

Un tutoriel avec la syntaxe correcte à utiliser s'appelle Vidéo pour tout le monde . Il suffit de faire ressortir ce code côté serveur ou de le définir comme innerHTML à l'aide de JS pour que tout fonctionne sur tous les navigateurs, y compris l'iPhone et le Flash fallback.

Notez que si vous choisissez de générer l'élément vidéo à l'aide de JS, vous l'empêchez inutilement de s'afficher en tant que pièce jointe dans le RSS.

La page liée contient également des références à d'autres implémentations de la même idée à consulter. Cependant, tout ce qui nécessite JS est immédiatement suspect, car il est plus probable que cela casse des choses que d'utiliser le support vidéo intégré comme prévu. (D'un autre côté, l'utilisation de JS pour fournir de jolis contrôles personnalisables à la vidéo est exactement ce qui est prévu ; c'est juste une mauvaise idée de l'utiliser pour placer l'élément vidéo sur la page, car il est trop sujet à des cassures).

Si vous devez utiliser JS pour vos propres contrôles personnalisés (utiliser votre propre image pour le bouton de lecture/pause, etc.), l'élément vidéo est généré sur la page avec l'option de contrôles définie (vérifiez l'option documentation si nécessaire), puis désactivez les contrôles une fois que vous savez que le client dispose d'une solution JS capable de gérer correctement la vidéo.

Est-ce que ça a un sens ?

3voto

Kyle Hotchkiss Points 1902

1voto

Keith Mayoral Points 11

J'ai commencé à chercher une solution de ce type récemment et j'ai trouvé jPlayer qui est un lecteur vidéo/audio avec un support HTML5 et des capacités de repli en lecture Flash. Il permet également un habillage CSS pour personnaliser vos contrôles et votre conteneur.

http://www.jplayer.org/

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X