Exemple

La première vidéo est une vidéo en langue des signes, avec sous-titrage en français (pas de son).

La deuxième est une vidéo sans sous-titres mais avec son.

Code

Le code est le code d'intégration que l'on trouve quand on clique sur le bouton 'Partager' d'une vidéo.

<iframe src="//player.vimeo.com/video/85516199" width="500" height="280" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>

<iframe src="//player.vimeo.com/video/84949754" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>

Note : l'iframe n'a ni attribut name, ni attribut title. Il faudrait rajouter ceux-ci manuellement au moment de copier le code d'intégration.


Support

Navigateurs

Le nouveau lecteur est construit en HTML5. Vimeo indique que le type de lecteur utilisé (Flash ou HTML5) dépend du navigateur et du type de fichier.

  • Jusqu'à Internet explorer 10 : Flash
  • A partir de Internet explorer 11: HTML5
  • Firefox 26.0 sur Windows: HTML5 (si pas de sous-titres) ou Flash (avec sous-titres)
  • Firefox sur Mac: Flash
  • Safari : HTML5
  • Chrome : HTML5

Lecteurs d'écran

La version Flash n'est pas utilisable avec lecteur d'écran. La version HTML5 est un peu mieux mais pas vraiment utilisable non plus.

  • NVDA et Firefox: dans Flash (vidéos avec CC), impossible d'accéder à l'intérieur du lecteur. Dans HTML5 (vidéos sans CC), les boutons sont utilisables jusqu'au moment où ils disparaissent.
  • Jaws et Firefox : dans Flash, impossible d'accéder à l'intérieur du lecteur. Dans HTML5, les boutons sont utilisables jusqu'au moment où ils disparaissent.
  • Jaws et IE9, IE10: dans Flash, les boutons ne sont pas nommés mais ils sont accessibles, jusqu'au moment où ils disparaissent.
  • VoiceOver et Safari (HTML5): les boutons sont utilisables jusqu'au moment où ils disparaissent.

Clavier

Le lecteur video est accessible au clavier. Le focus n'est pas très visible sur le bouton play, ce qui est un gros inconvénient. Par contre, même quand les boutons disparaissent, il est possible de les faire réapparaitre en utilisant le tab, sauf dans Safari.


Conseils

Ne pas utiliser tel quel. Utiliser avec boutons de contrôle externes.