Insertion d'une vidéo qui s'affiche sous mon image de fond

**The_TooNZ** · 21/01/2009, 02h17

Bonjour à tous, j'ai un GROS problème pour moi et surement petit pour vous.

Voici, je fait un site pour ma conjointe et j'ai mis une image de fond que je load normalement avec <img src>. J'y insère un menu javascript et maintenant je veux mettre un vidéo de ses projets que j'ai enregistrés en format .wmv.

Le problème c'est que si j'utilise <APPLET> ou <OBJET>, le vidéo s'insère toujours en bas de mon image de fond.

Voici mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body bgcolor="black">
<table width="800" align="center">
<tr>
<img src="td_background.jpg" border="0" width="800" height="783" alt="">
<td width="550"><script language="JavaScript" src="td_menu1.js"></script>
</td>
<td>
<object id="VideoGalerie" type="video/x-ms-wmv" width="450" height="350">
<param name="fileName" value="slides1.wmv">
<param name="animationatStart" value="true">
<param name="autoStart" value="true">
<param name="showControls" value="false">
<embed type="video/x-ms-wmv" src="slides1.wmv" name="VideoGalerie" autostart="1">
</object>
</TD>
</tr>
</table>
</body>

**12monkeys** · 21/01/2009, 08h56

Bonjour

Je commencerais par dire qu'une balise img entre ton tr et ton td (donc pas à l'intérieur d'une cellule (td) ne me semble pas très juste...

De plus tu parles d'image de fond, or une image de fond ne s'insère pas de cette manière : elle s'insère par la propriété background ou background-image de css...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<body bgcolor="black">
  <table width="800" align="center">
    <tr>
      <td width="550">
        <script language="JavaScript" src="td_menu1.js"></script>
      </td>
      <td style="background-image: url(td_background.jpg);">
        <object id="VideoGalerie" type="video/x-ms-wmv" width="450" height="350">
          <param name="fileName" value="slides1.wmv">
          <param name="animationatStart" value="true">
          <param name="autoStart" value="true">
          <param name="showControls" value="false">
          <embed type="video/x-ms-wmv" src="slides1.wmv" name="VideoGalerie" autostart="1">
        </object>
      </td>
    </tr>
  </table>
</body>

(non testé)

**Bisûnûrs** · 21/01/2009, 08h57

Tout d'abord ton image est mal placée, elle ne doit pas se trouver entre un tr et un td, mais toujours dans un td.

Ensuite, si tu veux que ton image soit en fond, il ne faut pas la déclarer comme image avec la balise img, mais utiliser la propriété CSS background :

Code :

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

<table width="800" align="center" style="background:url(td_background.jpg) no-repeat">

**The_TooNZ** · 21/01/2009, 15h04

Ok merci énormément pour vos réponse.

J'ai uploader mon site pour vous montrer de quoi je parle.
J'ai modifier mon code comme vous l'avez mentionné. C'est beaucoup mieux
mais l'extrait vidéo cache mon image quasi au complet.

Voici 2 adresses du site avant et après vos ajustements.

Avant: http://www.webcreationsplus.ca/Tenda...sign_home.html

Après: http://www.webcreationsplus.ca/Tenda...ign_home2.html

J'attend vos suggestions car je suis assez débutant. J'essais de comprendre
du mieux que je peux.

Encore merci

**Macmillenium** · 21/01/2009, 15h19

Bonjour,

Je vois toujours ton image entre <tr> et <td>, as tu tenté les solutions de Bisûnûrs et 12monkeys

Il faut que ton image soit en background (image du fond) du tableau.
Regarde dans ton code source (mode code de ton PSPad editor) et remplace :

Code html :

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

1
2
3
4
5
6
7
 
<body bgcolor="black">
		<table width="800" align="center">
			<tr>
				<img src="td_background.jpg" border="0" width="800" height="783" alt="">
				<td width="550"><script language="JavaScript" src="td_menu1.js"></script>
				</td>

Par

Code html :

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

1
2
3
4
5
 
		<table width="800" align="center" style="background:url(td_background.jpg) no-repeat">
			<tr>
				<td width="550"><script language="JavaScript" src="td_menu1.js"></script>
				</td>

(mise en page par tableaux et un menu en full JS ...)

**The_TooNZ** · 21/01/2009, 15h38

Merci beaucoup Macmillenium.

Ca fonctionne !!!! Presque parfait.
Sais-tu comment je fais pour bouger la diapo vers la gauche un peu.

Tu peux allez voir:
http://www.webcreationsplus.ca/Tenda...ign_home2.html

Merci encore et très rapide ta réponse !!!

**Macmillenium** · 21/01/2009, 16h15

Envoyé par The_TooNZ

Sais-tu comment je fais pour bouger la diapo vers la gauche un peu.

Dans ton fichier td_menu1.js remplace la valeur de ta variable gauche5=480 par gauche5=400 (par exemple a toi de voir en fonction de ton besoin)

**The_TooNZ** · 21/01/2009, 16h25

Merci j'ai changé le

Code :

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

<td width="450"><script language="JavaScript" src="td_menu1.js"></script></td>

pour

Code :

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

<td width="300"><script language="JavaScript" src="td_menu1.js"></script></td>

Et toi dans ton écran, est-ce que ça sort bien (centré vert., centré horiz etc...)
Et tu es en quelle résolution ?

Merci tu es très gentil

Insertion d'une vidéo qui s'affiche sous mon image de fond

HTML

Discussions similaires

Partager

Partager