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 ?
Réponses
Trop de publicités?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 ?
http://jilion.com/sublime/video finalement =)