Apparence de la balise video HTML5 sous Internet Explorer

Bonjour,

Je suis chargée de mettre en place un petit site d'information interne pour mon entreprise. Je le fais en HTML/CSS vu que je ne dispose ni de PHP ni d'ASP sur ce serveur.
J'ai mis en ligne des petite vidéos à l'aide de la balise video en HTML5 en suivant les directives de l'article de Nico. Tout fonctionne très bien sur plusieurs navigateurs.

Toutefois, mon chef m'a fait la remarque que, sous Internet Explorer, on ne voit qu'une image et, si on ne passe pas la souris dessus, on ne voit pas qu'il s'agit d'une vidéo. En effet, sur ce navigateur, les contrôles de la vidéo n'apparaissent que si le curseur se trouve dessus. Du coup, il a peur que les gens ne comprennent pas qu'il s'agit d'une vidéo et ne la lisent pas (oui, on a quelques utilisateurs pas très dégourdis).
Ce problème n'existe pas sous Firefox et Chrome.

Ma question est donc la suivante : est-ce que c'est normal ou est-ce que c'est mon intégration qui est mauvaise ? Et, si c'est normal, est-il possible de personnaliser un peu l'apparence de cette balise sous IE ? En faisant en sorte que les contrôles soient toujours visibles par exemple ?

Voici un exemple du code que j'utilise :

<video width="640" height="360" controls="true">
<source src="videos/ma-video.mp4" type="video/mp4" />
<source src="videos/ma-video.webm" type="video/webm" />
<source src="videos/ma-video.ogv" type="video/ogg" />
Si vous ne pouvez pas visualiser cette vidéo, téléchargez-la en <a href="videos/ma-video.mp4">cliquant ici</a>.
</video>

Merci.

Bonjour,

Ton intégration est très bonne.
Quand tu intègres une vidéo, si elle n'est pas en autoplay=true, elle affichera automatiquement une image de la vidéo.
Ensuite, pour modifier l'apparence de la balise vidéo, regarde a cette adresse : http://www.xul.fr/html5/video.php.
Il y a peu être ce qu'il te faut.
Modifié par jeff-roland (18 Jul 2013 - 12:46)

Bonjour et merci de ta réponse.

jeff-roland a écrit :
Bonjour,

Ton intégration est très bonne.
Quand tu intègres une vidéo, si elle n'est pas en "autoplay=true", elle affichera automatiquement une image de la vidéo.

En effet, c'est le cas. Mais sous IE, il n'y a qu'une image, les contrôles n'apparaissent pas ni même la flèche de lecture, ce qui fait que ça ne ressemble pas à une vidéo mais à une simple image.
En revanche, je n'ai pas activé la lecture automatique parce qu'il y a plusieurs vidéos sur la même page.

jeff-roland a écrit :
Ensuite, pour modifier l'apparence de la balise vidéo, regarde a cette adresse : http://www.xul.fr/html5/video.php.
Il y a peu être ce qu'il te faut.

Alors, finalement, j'ai procédé comme suit : j'ai créé une image avec le texte "Visionnez cette vidéo" que j'ai placé en poster dans les attributs de la balise vidéo. Ainsi le doute n'est plus permis. En tout cas, cela convient à mon chef.
Pour être franche, IE "me gonfle" avec ses particularités

Salut,

Tu as eu une bonne idée. Elle est simple et elle marche.
De plus, ça plait à ton patron, c'est magnifique.

Je suis d'accord avec toi que IE ne marche jamais comme on veut, surtout avec les vieilles versions qui ne devraient plus exister (je pense à la 6 et 7).