Balise vidéo sur Safari et/ou Mac

**taka10** · 10/01/2015, 14h29

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Muchos** · 10/01/2015, 14h49

Ç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 ?

**taka10** · 10/01/2015, 15h27

Voici l'exemple d'une vidéo : http://www.fnme-cgt.fr/site_2014/ind...tages-fnme-cgt

**taka10** · 10/01/2015, 15h29

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

**CosmoKnacki** · 10/01/2015, 16h48

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.

Balise vidéo sur Safari et/ou Mac

HTML

Discussions similaires

Partager

Partager