Aujourd’hui, de nombreux visiteurs de vos sites WordPress utilisent des smartphones ou des tablettes, il est donc primordial que les vidéos qui sont sur votre site puissent répondre à ces différents types de formats, de sorte que votre site laisse une bonne impression à vos visiteurs .

Avec l’augmentation du nombre de thèmes responsive pour WordPress, il est devenu très important pour chaque webmaster de veiller à ce que tous les éléments du site répondent au changement de format, y compris des vidéos intégrées. Faute de rendre vos vidéos adaptatives, un visiteur arrivant sur votre site avec un écran plus petit, verra les vidéos étirées et non proportionnelles.

Rendre les vidéos responsives dans WordPress

Dans cet article, nous allons passer en revue cinq des meilleurs plugins disponibles pour obtenir des vidéos responsives dans WordPress.

1. Advanced Responsive Video Embedder

Un plugin léger et très simple d’emploi, vous permettant d’intégrer des vidéos de plus de 2o plateformes vidéos. Ce plugin supporte presque tous les grands sites de vidéo, ce qui le rend très pratique à utiliser, car de nombreux plugins ne supporte que YouTube ou seulement un ou deux sites.

Ce plugin a été testé avec plus de 20 plateformes vidéos parmi lesquelles :

• Dailymotion
• Myvideo
• Ustream
• Viddler
• Vimeo
• YouTube

2. FitVids for WordPress

Un plugin très utiles pour rendre les vidéos auto-adaptatives dans WordPress. Ce plugin rend les vidéos responsives en utilisant le plugin jQuery FitVids. Une fois que vous activez le plugin, vous obtenez une nouvelle option dans le menu Apparence : « FitVids ». A partir de cette sélection, vous pouvez ajouter votre sélection et activer ou désactiver jQuery.

3. WordPress Canvas

Voici un des dernier plugins à rendre les vidéos adaptatives dans WordPress sans utiliser Javascript. Ce plugin redimensionne automatiquement les vidéos insérées dans l’éditeur de WordPress. Le code est léger et n’ utilise que du code CSS. Il n’y a aucun délais de redimensionnement pour vos iframes et/ou objets embarqués. Ce plugin tente également de trouver le format correct afin que vos vidéos aient toujours fières allures.

Le plugin a actuellement été testé avec les sites suivants:

• YouTube
• Vimeo
• DailyMotion

4. Responsive Video Embeds

Ce plugin redimensionne automatiquement tout ce qui est intégré à WordPress, y compris la vidéo et les iframes, de façon responsive. Le plugin fonctionne parfaitement avec les sites suivants:

• YouTube
• Vimeo
• DailyMotion
• Blip.tv
• Viddler
• hulu.com
• Revision 3
• Funny or Die
• WordPress.tv
• Scribd

5. Responsive Video Shortcodes

Responsive Video Shortcodes est un plugin qui vous permet d’intégrer des fichiers vidéos à partir des plates-formes d’hébergement vidéo populaires (Youtube, Vimeo, etc…) en les rendant auto-adaptatives. Il est basé sur la fonction WordPress oEmbed , il prend en charge tous les services en ligne qui sont supportés nativement par WordPress.

Vous pouvez également utiliser ce plugin afin de rendre adaptatifs d’autres médias tels que les iamges de Flickr, les playlists Spotify, etc…

Si vous connaissez d’autres plugins qui peuvent rendre les vidéos responsive, faites nous en part dans les commentaires ci-dessous.

Publié à l'origine le : 21 janvier 2014 @ 14 h 36 min