Les cinq meilleurs lecteurs vidéo multiplateformes

Fournir de la vidéo sur toutes les principales plates-formes de bureau et mobiles n'est pas le défi technique le plus facile à relever. Ici, je vais vous aider à faire une pause et à parler des joueurs et des services existants qui peuvent faire le travail à votre place. Alors, sans plus tarder, voici mes cinq meilleurs lecteurs vidéo multiplateformes.

01. Vidéo pour tous

Vidéo pour tous est l'une des premières solutions à prendre en charge les vidéos HTML5 et Flash, et est également la plus simple. Il consiste en un ensemble très basique de balisage qui utilise la capacité de HTML5 à passer à l’objet pris en charge suivant si l’objet précédent échoue. Autrement dit, il utilise l'élément pour entourer chaque source de conteneur vidéo HTML5 prise en charge et suit les éléments collectifs avec le balisage Flash. Le résultat est que le navigateur essaie d'afficher chaque source HTML5 successive et, si tout échoue, essaie d'afficher la vidéo à l'aide d'un lecteur Flash. A défaut, une image statique est affichée.

Video for Everybody n'utilise pas de JavaScript. Il est donc idéal pour ceux qui souhaitent inclure le moins de dépendances possible dans leur balisage. L'un des inconvénients de cette approche est qu'elle ne fonctionnera pas sur les systèmes d'exploitation Android antérieurs à la version 2.3 (Gingerbread).

Il y a trois subtilités qui méritent d'être mentionnées ici. Le premier est le Générateur vidéo pour tous , qui vous aide à créer le code. Deuxièmement, ce lecteur prend en charge la lecture audio HTML5 de la même manière qu'il gère la vidéo. Enfin, le site du lecteur comprend une description assez complète des problèmes que vous pourriez rencontrer lors de l'utilisation de la vidéo HTML5, ainsi que des solutions recommandées. J'espère que la plupart de ce matériel a été couvert dans la tranche précédente de cette série, mais cela ne fera pas de mal de regarder le VfE Notes IMPORTANTES .

02. VideoJS

VidéoJS est un lecteur vidéo HTML5 gratuit et open source qui utilise Flash ou la technologie de lecture vidéo alternative de votre choix (telle que Silverlight ou QuickTime). Cela commence par un code intégré basé sur Vidéo pour tous , qui inclut des fonctionnalités de lecture de base telles que la lecture automatique et le préchargement. Cependant, il utilise également JavaScript pour corriger les incohérences entre navigateurs, ajouter la prise en charge des balises HTML5 dans les anciennes versions d'IE et ajouter des fonctionnalités telles que l'affichage plein écran et les sous-titres. Pour les personnes soucieuses de leurs dépendances, l'utilisation de JavaScript est indépendante de la bibliothèque, ce qui signifie qu'il ne nécessite pas de packages tels que jQuery ou MooTools pour fonctionner.

Mieux encore, il fournit une interface de programmation d'application (API) cohérente et une interface utilisateur cohérente (UI) pour la lecture JavaScript et Flash. L'API complète est facile à utiliser et l'interface utilisateur est gérée avec du HTML et du CSS faciles à modifier qui affectent non seulement JavaScript, mais également le lecteur Flash léger fourni.

En tant que joueur open source, n'importe qui peut modifier le code et contribuer aux mises à jour des fourches sur GitHub. Les fichiers principaux sont également hébergés, ce qui signifie qu'aucun téléchargement n'est requis, le code est toujours mis à jour lorsque de nouvelles fonctionnalités, appareils et plates-formes sont pris en charge, et les fichiers peuvent même être déjà mis en cache sur les systèmes de vos visiteurs. Et, contrairement à certaines solutions hébergées, si vous préférez télécharger une copie du lecteur, par exemple pour une utilisation sans connexion Internet (ou pour éliminer la dépendance à un serveur autre que le vôtre), vous pouvez également le faire.

Pour plus de simplicité, VideoJS a un configuration en cinq secondes , comprend une excellente démo de test directement sur la page d'accueil qui vous permet de basculer entre les joueurs pour vérifier l'interface utilisateur cohérente, et peut également être utilisé comme un Plug-in WordPress .

03. JW Player

Joueur JW est le plus ancien lecteur vidéo de cette liste, leader de la révolution du lecteur Flash Video depuis 2005. C'est également le lecteur le plus puissant de cette liste. Il possède les fonctionnalités HTML5 les plus robustes et est le plus performant en ce qui concerne les fonctionnalités prises en charge par Flash Player, notamment le téléchargement progressif et le streaming RTMP, la prise en charge du débit adaptatif et du DVR, ainsi que d'autres fonctionnalités offertes par Flash Media Server (FMS), Wowza Media Server et autres packages de serveur. Il offre également une prise en charge native pour plusieurs réseaux de diffusion de contenu (CDN), notamment Akamai, Amazon CloudFront, BitGravity, CDNetworks, Highwinds et Limelight.

Le lecteur dispose d'une liste de fonctionnalités impressionnante, notamment la prise en charge des listes de lecture et de la lecture audio qui manquent à de nombreux autres lecteurs, mais dispose également d'une vaste bibliothèque de modules complémentaires. Fonctionnalités telles que la publicité (Google Interactive Media Ads diffusant DoubleClick In-Stream Ads et Open Video Ads, par exemple), les réseaux sociaux (publication Facebook et outils Like, Twitter, Google+, Digg, Reddit et Delicious, ainsi que des vidéos associées à Nommez-en quelques-uns), l'accessibilité (y compris la description audio et les légendes TimedText), les effets (commutateur HD, analyseur de spectre audio, capture d'écran et flou, ne sont que quelques-uns disponibles) et analytiques (Google Analytics et autres). Si vous êtes un codeur, vous pouvez également profiter de la puissante API de développement pour créer vos propres plug-ins.

Le lecteur propose des options de skinning flexibles, avec de nombreux skins existants au choix. Des directives claires de skinning et une communauté de développeurs active ont abouti à plus de 100 skins fournis par la communauté, et plusieurs skins premium sont également disponibles.

Le joueur a un Assistant de configuration et propose également le plus grand nombre d'options d'intégration de systèmes de gestion de contenu (CMS), y compris plusieurs modules pour WordPress, Drupal et Joomla.

JW Player est open source, n'a pas de dépendances de bibliothèque, et dispose de licences gratuites pour un usage non commercial et une variété de licences payantes pour un usage commercial. Il existe également des produits et services complémentaires, tels que le Bits sur la course option d'hébergement vidéo.

04. MediaElement

MediaElement.js comprend un lecteur vidéo et audio HTML5 ainsi que des lecteurs Flash et Silverlight personnalisés qui imitent l'API HTML5 MediaElement pour la prise en charge dans les navigateurs plus anciens. Cela fournit aux développeurs une API cohérente et aux utilisateurs une expérience de visualisation cohérente, quelle que soit la plate-forme ou le navigateur. Il prend en charge des fonctionnalités souvent souhaitées telles que les commandes de lecture standard, le skinning et la vidéo plein écran, mais possède également une architecture de plug-in qui permet des fonctionnalités plus uniques. Il s'agit notamment de la mise en boucle, de la traduction automatique (fournie par Google Translate), du postroll (affichage HTML personnalisé après la fin d'une vidéo) et même d'un rétroéclairage virtuel qui encadre la vidéo avec les couleurs correspondantes tirées de la vidéo pendant la lecture (HTML5 uniquement, inspiré d'Ambilight par Philips).

MediaElement prend en charge l'élément et une gamme de normes d'accessibilité, y compris WebVTT. Il est open source, hébergé sur GitHub, et se présente également sous forme de plug-in pour WordPress, Drupal, Joomla, jQuery, etc. MediaElement s'appuie sur jQuery pour fonctionner.

05. SublimeVideo

La dernière option dont je vais parler fait partie de SublimeVidéo . Différent des autres packages de cet article, SublimeVideo est un service hébergé plutôt qu'un lecteur distribué. Bien que vous ne puissiez pas télécharger le lecteur pour l'utiliser sur votre propre serveur, il existe un plan de service gratuit. Il comprend des lectures illimitées mais possède des fonctionnalités limitées et affiche un badge de marque dans le coin inférieur droit de la vidéo pendant les cinq premières secondes environ.

Comme la plupart des autres options abordées ici, Sublime utilise JavaScript pour intégrer HTML5 et Flash dans un scénario de secours élégant. Il utilise une interface utilisateur cohérente pour HTML5 et Flash, et intègre Lightbox pour le cadrage de la vidéo.

Il prend en charge la lecture de listes de lecture, la commutation SD / HD et une impressionnante fonction d'analyse en temps réel. Parce qu'il est hébergé dans le cloud, le lecteur est toujours à jour et son utilisation ne pourrait pas être plus simple. Vous n'avez qu'à inclure une seule ligne de code dans votre page et vous êtes opérationnel en quelques secondes.

SublimeVideo n'a pas d'autres dépendances de bibliothèque JavaScript et est également disponible en tant que plug-in WordPress.

06. Tableau de comparaison

Gardez à l'esprit qu'il existe de nombreuses autres bibliothèques de lecteurs dans la nature. Si vous êtes une personne de la grille (et qui n'aime pas distiller des quantités d'informations dans une grille pratique pour un examen rapide?), Assurez-vous de vérifier SWS vidéo .

L'acronyme signifie See What Sucks mais, plus important encore, ce tableau vous montre ce qui craint le moins. Vous pouvez même voir n'importe quelle vidéo en ligne jouée par n'importe quel joueur du tableau. Cliquez simplement sur le nom du joueur pour voir la démo par défaut, ou entrez d'abord un chemin vers la vidéo en ligne de votre choix en bas du tableau.