Balise vidéo sur Safari et/ou Mac

Version imprimable

Bonjour,

J'ai un petit soucis, j'essaie d'afficher une vidéo mp4 sur tous les navigateurs récents (pc ou mac), mais je n'arrive pas à afficher la vidéo sur Safari.
J'utilise le plugin mediaelement.js

Voilà un exemple simple qui devrait fonctionner :
Code:

1 2 3 4 5 6 7 8 9 10 <head> <script src="jquery.js"></script> <script src="js/me-mediaelements.js" type="text/javascript"></script> <link rel="stylesheet" href="css/mediaelementplayer.css" /> </head> <body> <video width="640" height="360" id="player1" controls preload="none"> <source src="video.mp4" type="video/mp4" /> </video> </body>
Ma vidéo ne s'affiche pas sur Safari, je ne vois pas ce que j'ai oublié, pour rappel la vidéo est forcément au format mp4

10/01/2015, 14h49
Muchos

Ça ne devrait pas poser de problème. Votre page est-elle valide ? L'url de la vidéo est-elle correcte ? La vidéo est-elle lisible directement ?
10/01/2015, 15h27
taka10

Voici l'exemple d'une vidéo : http://www.fnme-cgt.fr/site_2014/ind...tages-fnme-cgt
10/01/2015, 15h29
taka10

je n'ai le soucis que sur safari (pc) et sur mac.

Par exemple, pas de soucis pour lire la vidéo sur ie,chrome et firefox sur pc
10/01/2015, 16h48
CosmoKnacki

C'est probablement dû au fait que la partie audio de ta vidéo est encodée en mp3, ce que ne supporte pas Safari (en revanche Safari supporte bien le conteneur mp4 quand l'audio est encodé en AAC). Le mieux est de proposer deux formats de conteneurs avec les codecs adéquates pour la même vidéo pour couvrir l'ensemble des navigateurs. Je te laisse le soin de déterminer lesquels choisir en consultant le tableau de compatibilité sur cette page.