Placer une image sur une vidéo non démarrée

Version imprimable

14/05/2011, 23h25
ChPr

Placer une image sur une vidéo non démarrée

Bonjour à toutes et à tous,

Dans une cellule d'un tableau, j'ai placé une vidéo via la balise "object". Pas de problème de fonctionnement.

Cependant, tant que la vidéo n'est pas lancée, j'ai une image toute noire avec un bandeau de défilement en-dessous et une petite flèche blanche au milieu. J'aimerais qu'au lieu de cette image noire, j'ai par exemple la première image de la vidéo ou une autre image que je pourrais atteindre par un lien.

Est-ce possible, et si oui, comment faire ?

Merci de votre aide.

Pierre
15/05/2011, 08h35
Nesmontou

Bonjour,

Pourquoi ne pas mettre dans ton tableau une image représentant ta vidéo (balise <img />) avec un lien pointant vers une autre page contenant ta vidéo (qui démarrera automatiquement) ?
15/05/2011, 10h41
ChPr

Merci Nesmontou pour cette réponse. J'aurais toutefois aimé, pour des raisons de convivialité, rester dans la même page.

Dans ce que tu proposes, est-il possible que cette autre page soit le tableau lui-même joint par un script (javascript, php, ..) ?

Merci de votre aide.

Pierre
15/05/2011, 22h11
Nesmontou

Re,

Si tu souhaites rester sur la même page, il va en effet falloir coder un peu de JavaScript.

Il faudrait voir comment tu insères ta vidéo dans ta page et les paramètres nécessaires pour lancer la lecture.

Bon, en fait j'ai trouvé en farfouillant sur le net. Mon code était le suivant :
Code:

1 2 3 4 <object type="application/x-shockwave-flash" data="Video/mediaplayer.swf" height="360" width="480"> <param name="movie" value="Video/mediaplayer.swf"> <param name="flashvars" value="file=Mon_Fichier.flv"></object>
Pour faire apparaître une image avant que la vidéo soit lancée, il suffit de rajouter l'info suivante après le nom du fichier vidéo :

Code:

&image=Mon_Fichier.jpg (si c'est du jpg)

Ce qui donne :
Code:

1 2 3 4 <object type="application/x-shockwave-flash" data="Video/mediaplayer.swf" height="360" width="480"> <param name="movie" value="Video/mediaplayer.swf"> <param name="flashvars" value="file=Mon_Fichier.flv&image=Mon_Fichier.jpg"></object>
Cordialement.

Pierre