Comment positionner une video par dessus une image ?

**mouloudia007** · 08/07/2011, 17h03

Bonjour tout le monde,

voila je suis nouveau dans le HTML, a vrai dire c'est pas mon domaine... je veux personnaliser ma page facebook, donc j'ai pris le "Static HTML" et j'ai téléchargé "KompoZer" je me suis dis j'aurai pas de problème mais je me suis gouré, j'ai pas réussi a mettre une vidéo au dessus d'une image, sur "KompoZer" je vois le petit carré là avec "OBJECT" mais quand je test sur facebook y a rien !
voila le code que j'utilise, je l'ai choppé sur un forum trouver sur le net :

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
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<html>
<head>
&lt;head&gt; &lt;meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type"&gt; &lt;title&gt;&lt;/title&gt;
</head>
<body>
<title>EVANCE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
#img_and_obj_holder {
position:relative;
width:520px; /* this width is equal to the image map width */
height:700px; /* this height is equal to the image map height */
margin:auto;
}
#img_and_obj_holder img {
position:absolute;
width:100%;
height:100%;
border:0 solid;
}
#img_and_obj_holder object {
position:absolute;
width:258px;
height:223px;
left:100px;
top:100px;
}
</style>
<div id="container">
<div id="img_and_obj_holder"><img
src="http://i1202.photobucket.com/albums/bb379/mouloudia007/fb001.jpg"
usemap="#Map" alt=""><object type="application/x-shockwave-flash"
data="&lt;iframe width=" 258=""
src="http://www.youtube.com/embed/Ax2zR346yj4" height="193"><param
name="movie" value="http://www.youtube.com/embed/Ax2zR346yj4"><param
name="wmode" value="transparent"></object></div>
</div>
</body>
</html>

comme vous pouvez voir j'ai utilisé un cadre ( en feu ^^ ) pour mettre ma vidéo dedans, mais j'ai pas réussi =(

des idées d’où le problème provient ?

Merci d'avance les gars, et désolé si j'ai fais des fautes ^^

Paix !

**RomainVALERI** · 08/07/2011, 21h01

Les fautes, pas grave, on est rodés ^^
Mais par contre si tu pouvais faire une petite modif sur ton post : modifie les balises autour de ton extrait. [quote][/quote] c'est fait pour les citations en langage naturel. Pour le code, utilise [code][/code] sinon à la fin de la journée on a les yeux comme ça

**mouloudia007** · 08/07/2011, 22h02

j'ai pas vraiment compris ce que tu voulais idre, mais j'ai quand meme modifier le truc, j'ai ajouté la balise =)

en attendant une réponse pour mon probleme.

**RomainVALERI** · 08/07/2011, 22h34

On dirait qu'il y a eu un drôle de mélange au moment du copier-coller

Les balises title, meta et style devraient plutot être dans la partie head, non ? ^^

(et merci pour les balises code

... c'est juste dommage d'avoir laissé les balises quote autour

)

**mouloudia007** · 08/07/2011, 23h12

ah désolé j'avais oublié le QUOTE de toute façon un admin est passé par là ^^

a vrai dire ce code je l'ai trouvé sur le net, j'ai fais que modifier les liens de l'image et de la vidéo, comme je l'ai expliqué en haut sur "KompoZer" ( parce que je suis nouveau mais genre vraiment nouveau dans le HTML ^^ ) j'ai mon image correctement et j'ai un cadre avec écrit OBJECT (la vidéo normalement) mais quand j’insère le code dans le STATIC HTML (appli facebook) j'ai l'image mais pas la vidéo ! alors qu'est ce que j'ai fais, j'ai changé le format de l'image, de JPG en PNG pour la transparence ... mais toujours rien =(

**RomainVALERI** · 08/07/2011, 23h26

Envoyé par mouloudia007

alors qu'est ce que j'ai fais, j'ai changé le format de l'image, de JPG en PNG pour la transparence ... mais toujours rien =(

<question à deux balles mais vaut mieux être sur>
Tu as modifié le format de l'image ? (si oui, avec quel logiciel de traitement d'image ? photoshop ? gimp ? autre ?) Ou tu as juste renommé le fichier de .jpg en .png ? ^^'
</question à deux balles mais vaut mieux être sur>

Comment positionner une video par dessus une image ?

HTML

Vue hybride

Discussions similaires

Partager

Partager