J'aurais aimé soumettre le site concerné à critique sur la manière de réaliser les choses, mais pour l'instant je ne comprends pas pourquoi je n'arrive pas à avoir des vidéos qui fonctionnent à la fois avec Firefox, Safari, Chrome et Internet Explorer 9 (ou plus).
Le site est . Je ne suis pas responsable des choix esthétiques et structurels, mais seulement de la réalisation. Le client demande des vidéos en pleine page.
Sur la page la vidéo doit démarrer toute seule. Remarquer qu'elle est incluse dans un cadre aux coins arrondis. Le fonctionnement est celui qui est souhaité.
Sur la page et la page le fonctionnement est presque correct, si ce n'est que l'animation apparaît par-dessus le cadre aux coins arrondis. Ellle le cache donc et elle s'étale sur une plus grande partie de la page. Ce n'est pas très grave, mais c'est surprenant puisque le code est exactement le même que pour la page précédente.
Plus grave, sur la page , l'animation fonctionne comme prévu avec Chrome, Safari et Internet Explorer 9. Elle est muette avec Firefox. Les quatre animations ont été préparées de la même manière et ont les mêmes caractéristiques.
Pour obtenir que les vidéos s'affichent quel que soit le navigateur, j'ai d'abord essayé la méthode du site . Je ne parviens pas à la faire fonctionner. J'ai alors essayé la méthode du site . Si je l'utilise telle que c'est précisé sur le site, je ne parviens pas non plus à la faire fonctionner.
L'état actuel du code consiste donc à inclure le gros fichier Javascript du site html5media, puis à faire comme si le navigateur reconnaissait correctement la balise <video>. La partie utilisant la balise <object> pour appeler le lecteur Flash Flowplayer est inutile, mais je l'ai laissée comme témoin. Telles que je comprend (?) les choses, le fichier Javascript force le navigateur à faire appel à Flowplayer, et si j'arrive donc à montrer les vidéos, c'est grâce à une combinaison bien lourde de Javascript et de Flash:
Tout cela ne m'explique pas pourquoi une des vidéos est muette avec Firefox, et fonctionne parfaitement avec Chrome (ce qui est normal), mais aussi avec IE 9 (ce qui est plus étonnant).
Je suis ouvert à toute critique, explication et suggestion.
Olivier Lecarme
Le site est . Je ne suis pas responsable des choix esthétiques et structurels, mais seulement de la réalisation. Le client demande des vidéos en pleine page.
Sur la page la vidéo doit démarrer toute seule. Remarquer qu'elle est incluse dans un cadre aux coins arrondis. Le fonctionnement est celui qui est souhaité.
Sur la page et la page le fonctionnement est presque correct, si ce n'est que l'animation apparaît par-dessus le cadre aux coins arrondis. Ellle le cache donc et elle s'étale sur une plus grande partie de la page. Ce n'est pas très grave, mais c'est surprenant puisque le code est exactement le même que pour la page précédente.
Plus grave, sur la page , l'animation fonctionne comme prévu avec Chrome, Safari et Internet Explorer 9. Elle est muette avec Firefox. Les quatre animations ont été préparées de la même manière et ont les mêmes caractéristiques.
Pour obtenir que les vidéos s'affichent quel que soit le navigateur, j'ai d'abord essayé la méthode du site . Je ne parviens pas à la faire fonctionner. J'ai alors essayé la méthode du site . Si je l'utilise telle que c'est précisé sur le site, je ne parviens pas non plus à la faire fonctionner.
L'état actuel du code consiste donc à inclure le gros fichier Javascript du site html5media, puis à faire comme si le navigateur reconnaissait correctement la balise <video>. La partie utilisant la balise <object> pour appeler le lecteur Flash Flowplayer est inutile, mais je l'ai laissée comme témoin. Telles que je comprend (?) les choses, le fichier Javascript force le navigateur à faire appel à Flowplayer, et si j'arrive donc à montrer les vidéos, c'est grâce à une combinaison bien lourde de Javascript et de Flash:
....
<script src="http://api.html5media.info/1.1.5/html5media.min.js"></script>
</head>
<body>
<div class="centre">
<div id="principal">
<div id="video">
<video width="800" height="600" controls="false" autoplay="autoplay">
<source src="Sequenza_guitare-complet.mp4" type="video/mp4">
<source src="Sequenza_guitare-complet.ogv" type="video/ogg; codecs='theora, vorbis'">
<object id="flowplayer" data="flowplayer/flowplayer-3.2.15.swf" type="application/x-shockwave-flash" width="800" height="600" >
<param name="movie" value="flowplayer/flowplayer-3.2.15.swf">
<param name="allowfullscreen" value="true">
<param name="flashvars" value="config={'clip':{'url':'Squenza_guitare-complet.mp4','autoPlay':true}}">
</object>
</video>
</div> <!-- video -->
Tout cela ne m'explique pas pourquoi une des vidéos est muette avec Firefox, et fonctionne parfaitement avec Chrome (ce qui est normal), mais aussi avec IE 9 (ce qui est plus étonnant).
Je suis ouvert à toute critique, explication et suggestion.
Olivier Lecarme