Html4 + video + tag object + autoplay false : pas de previsualisation

Bonjour tout le monde,

Le Problème que je n'arrive pas à résoudre: sous un document doc type HTML 4 strict, en utilisant la balise OBJECT et le paramètre AUTOPLAY positionné sur FALSE, comment faire pour proposer une image de prévisualisation de la vidéo embarquée, en attendant que l'utilisateur ne décide de lancer la vidéo.

Configuration dans laquelle la question est posée:
* doctype: HTML 4.1 STRICT
* format vidéo: ogg
* balise video utilisée: OBJECT (VIDEO impossible car pas HTML5)

Code servant de base:

<p>
<object title="Vidéo" type="video/ogg"
  data="proj.ogg" width="320" height="240">
    <param name="src" value="proj.ogg">
    <param name="autoplay" value="false">
    <param name="autoStart" value="0">
    <param name="controller" value="true">
    <param name="wmode" value="transparent">
    <img alt="blabla" src="img.jpg"> you are missing something ! 
</object> 
</p>

Le résultat de ce code, donne sous la version de Firefox que j'utilise, l'apparition du lecteur vidéo, tout noir, vide d'image de prévisualisation.

Ou autrement dit: la vidéo ne se lançant pas automatiquement ( et c'est normal, puisque l'on passe dans le code les paramètres AUTOPLAY et AUTOSTART sur FALSE ), alors la zone du lecteur video réservée à la vidéo, apparaît toute noire. Aucune image de prévisualisation de la vidéo, n'apparaît. Bien, sûr, le lecteur se lance en appuyant sur son bouton "play", et un navigateur ne lisant pas les fichier ".ogg" verra l'image img.jpg apparaître avec la phrase "you are missing something !".

Si vous avez une petite idée pour qu'apparaisse une image de prévisualisation à la place du lecteur noir : doit-on en passer dans des subtilités de survol d'image via des CSS ? ou bien existe-il des raccourcis via des paramètres ? Ou bien doit-on utiliser la balise OBJECT différemment ???

En vous remerciant infiniment,

Ac
Modifié par BigAce (11 Jan 2013 - 14:34)

Je me permet d'intervenir même si hélas je n'ai pas la solution.

En fait j'ai pensé à une autre possibilité pour réaliser ce que tu souhaites, ca serait tout simplement d'héberger la vidéo sur un service comme youtube (d'autant plus que tous les navigateurs ne peuvent pas lire nativement le format .ogg).

Ca donnerait un code comme ceci:

<object title="Vidéo" type="application/x-shockwave-flash" data="http://www.youtube.com/v/b7dqtgkSWeQ" width="320" height="240">
<param name="movie" value="http://www.youtube.com/v/b7dqtgkSWeQ">
<param name="allowFullScreen" value="true">
<param name="wmode" value="transparent">
<img alt="blabla" src="img.jpg"> you are missing something ! 
</object>

Voilà, ca ne réssoud pas vraiment ton problème mais ca apporte un début de solution.
 
Modifié par LuciferX (15 Jan 2013 - 22:13)

Merci beaucoup de t'intéresser à ce cas, LuciferX.
Effectivement, la solution que tu proposes fonctionne, bien entendu, mais hélas, j'ai prévu de laisser la video sur le serveur du site, et pas sur un serveur tierce.
Je me demande, si mon problème pourrait trouver une solution.
C'est peut-être peine perdue.

Salut,

Je ne pense pas qu'il y ait un équivalent à l'attribut "poster" de la balise "video" en html5 (qui pourrait être une solution).
As-tu essayé de mettre l'image de ton choix comme première image de ta video ?

tm

tm
> image de ton choix comme première image de ta video
je ne suis pas sûr de comprendre ...

Re,

Tu remontes ta video en y ajoutant l'image de ton choix en tout début.
Mais, évidemment, je présume que le navigateur lit cette image et fait pause.

Et je n'ai pas pu le tester puisque chez moi, dans Firefox (dernière version et 3.6), la video démarre automatiquement avec ton code...

tm

Salut TM.

> remontes ta video en y ajoutant l'image de ton choix en tout début
Je vais essayer. C'est une bonne idée si cela fonctionne. À voir ...

> puisque chez moi, dans Firefox (dernière version et 3.6), la video démarre
> automatiquement avec ton code
Tiens, c'est bizarre. Avec le code que j'ai posté au début du fil de discussion et autoplay sur false ? Normalement, elle ne devrait pas se lancer automatiquement. Bizarre.

Librement,
Modifié par BigAce (17 Jan 2013 - 10:10)