Outils pour utilisateurs

Outils du site


applications:wordpress:videos

Les vidéos et sons dans Wordpress

  • La lecture d'un son ou d'une vidéo sur une page Wordpress fait actuellement souvent appel à une extension de navigateur Adobe flash.
  • Or les téléphones et tablettes n'intègrent presque plus cette technique qui semble vouée à disparaitre. Conséquence : les sons et vidéos affichés par une extension Wordpress fonctionnant avec Adobe flash ne s'afficheront pas sur ces supports !
  • Il est donc important de vérifier la compatibilité des pages produites, qui dépend de la manière d'afficher les vidéos.

Les emplacements possibles

Les vidéos en ligne

Vidéos chargées sur le serveur

Droit d'auteur

Le webmestre veillera au respect du droit d'auteur : ne mettre en ligne que des vidéos de création personnelle ou libres de droit ! (et qui ne seraient pas déjà en ligne sur internet ?)

Formats et taille de fichiers acceptés

cf http://tice974.ac-reunion.fr/wiki-administrateurs/doku.php?id=applications:wordpress:fichiers-telecharges pour :

  • augmenter la taille des fichiers acceptés ;
  • ajouter notamment les formats de fichiers vidéos mp4 et ogm ;
  • et vérifier régulièrement l'espace total occupé.

Concernant la taille, il est souvent préférable (encombrement, débit) de couper une vidéo en plusieurs fichiers indépendants.

Deux outils à recommander :

Les lecteurs affichés par Wordpress

  • Pour intégrer une vidéo en ligne (Dailymotion, Youtube, Vimeo, etc.), il n'est pas nécessaire d'utiliser une extension, cela peut se faire par copier-coller d'un code d'intégration, cf http://tice974.ac-reunion.fr/formations/wordpress/integrer-videos-deja-en-ligne/ et les pages afficheront un code (Flash ou HTML5) lisible par tous les terminaux (ordinateurs, tablettes et téléphones).
  • Pour afficher une vidéo téléchargée par l'utilisateur, cf http://tice974.ac-reunion.fr/formations/wordpress/televerser-et-integrer-des-videos/, il est préférable d'installer une extension. Il faut vérifier qu'elle utilise la technologie HTML5 compatible avec tous les navigateurs “récents” de tous les supports.
    Ces extensions ont beaucoup de points communs :
    • N'acceptent que certains formats vidéos : “mp4”, “webm”, “ogg”…
    • Sur des vidéos téléversées par l'utilisateur, pour éviter un lecteur vide avant la lecture, il faut capturer manuellement une image fixe, la téléverser et donner l'adresse de cette image dans le “shortcode”. Fastidieux !
  • Les extensions ci-dessous ont été testées.

VideoJS - HTML5 Video Player for WordPress (conseillé)

MediaElement.js - HTML5 Video & Audio Player

Secure HTML5 Video Player

Viper's Video Quicktags (déconseillé)

  • Affiche une barre d'outils supplémentaire dans l'interface de rédaction d'articles pour insérer et paramétrer la taille de vidéos venant de sites habituels.
  • Mais ne permet pas d'éditer le code inséré… à reprendre à la main ou supprimer / réinsérer…
  • Pratique mais pas compatible HTML5…

mb.miniAudioPlayer (conseillé)

  • Cette extension affiche un lecteur audio pour intégrer du son, au format mp3 (uniquement ?) avec une barre de contrôle lecture / pause et de volume.
  • Pas de “shortcode”. Si l'extension est activée sur le site, tout lien vers une ressource audio mp3 sera modifié pour affiché un lecteur. Un bouton d'insertion est disponible.
  • Compatible HTML5, sauf sous Android avec le navigateur intégré où les liens fonctionnent de manière classique, avec ouverture dans un nouvel onglet.
applications/wordpress/videos.txt · Dernière modification: 2014/05/02 08:38 par lbrillard