Aller au menu - Aller au contenu
Inscris-toi au e-camp "Héberge ton jeu Facebook sur Azure" de Microsoft vendredi 25 mai à 13h30 !

rajouter une video

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
2 visiteurs sur ce sujet (2 anonymes)
Page 1 
Hors ligne nike7414 # Posté le 02/05/2011 à 09:56:07

Bonjour,

J'essai de rajouter une vidéo, grâce à ce site http://videobox-lb.sourceforge.net/ mais ca ne marche pas! Es ce qu'il faut rajouter un détail en plus pour que ca marche?
Publicité # Posté le 02/05/2011 à 09:56:07

Hors ligne nightmat # Posté le 02/05/2011 à 10:19:33
Stacktrace or GTFO
Avatar
close

Ville : Paris
Pays : France métropolitaine
"Mon site ne marche pas aidez moi".
Tu crois vraiment qu'on peut t'aider avec ce genre de renseignement ?
Tuto validé ! centrer en CSS

Si vos images ne s'affichent pas, leur chemin n'est pas bon, merci de ne pas polluer le forum avec des "problèmes" de ce genre.
 
Hors ligne nike7414 # Posté le 02/05/2011 à 10:31:46

Enfait c'est parce que le css de la vidéo (videobox.css) se mélange au css de mon site. Donc j'ai essayé de mettre une div avec un id autour du lien de la vidéo et rajouter le nom de l'id devant chaque parametre de videobox.css, mais ca ne veux pas vraiment.
Hors ligne pro57830 # Posté le 02/05/2011 à 10:40:57
J'ai que 15 ans et alors ?
Avatar
Groupe : Bannis

Ville : Ibigny
Pays : France métropolitaine
Il nous faut plus de détails !!!
Image utilisateur
Passer au vert
Si votre problème est résolu
Réservé aux membres

Image utilisateur
 
Hors ligne nike7414 # Posté le 02/05/2011 à 11:17:08

Voici le lien de la video:

Code : HTML
1
<a href="http://www.youtube.com/watch?v=l9x5FzQXDGk" rel="vidbox" title="caption"><img src="http://img.youtube.com/vi/l9x5FzQXDGk/1.jpg" alt="video" /></a>


le css:




Code : CSS
 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
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
body {margin: 0;}
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


en plus il y a 3 fichiers js disponible ici: http://sourceforge.net/projects/videob [...] .zip/download

Que j'importe dans le html:
Code : HTML
1
2
3
4
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/swfobject.js"></script>

<script type="text/javascript" src="js/videobox.js"></script>


Quand je met tout ca dans une page vide html ca marche bien, je clique sur le thumbnail et ca m'ouvre la video sur la meme page, mais si je met ca dans ma page html où il y a plein de codes + deux autres css, ect... ca m'ouvre la vidéo directe sur youtube, au lieu de l'ouvre joliment en caption sur la meme page. Donc vous avez une technique?
Hors ligne pro57830 # Posté le 02/05/2011 à 12:34:51
J'ai que 15 ans et alors ?
Avatar
Groupe : Bannis

Ville : Ibigny
Pays : France métropolitaine
Met ça à la place :

Code : HTML
1
2
3
4
5
<object width="425" height="355">
		<param name="movie" value="http://www.youtube.com/watch?v=l9x5FzQXDGk"></param>
		<param name="wmode" value="transparent"></param>
	<embed src="http://www.youtube.com/watch?v=l9x5FzQXDGk" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
	</object>
Édité le 02/05/2011 à 12:36:09 par pro57830
Image utilisateur
Passer au vert
Si votre problème est résolu
Réservé aux membres

Image utilisateur
 
Hors ligne nike7414 # Posté le 02/05/2011 à 15:11:51

ca ne marche pas, ca fait tout blanc :S
Hors ligne pro57830 # Posté le 02/05/2011 à 15:23:37
J'ai que 15 ans et alors ?
Avatar
Groupe : Bannis

Ville : Ibigny
Pays : France métropolitaine
As-tu enlevé les JS ?


Si oui, met moi tout le code xHTML
Image utilisateur
Passer au vert
Si votre problème est résolu
Réservé aux membres

Image utilisateur
 
Hors ligne nike7414 # Posté le 02/05/2011 à 17:03:04

jai créé une page blanche sans rien avec juste le html et le code que tu ma donné mais ca ne marche pas
Hors ligne pro57830 # Posté le 02/05/2011 à 19:59:30
J'ai que 15 ans et alors ?
Avatar
Groupe : Bannis

Ville : Ibigny
Pays : France métropolitaine
Essaye ce code maintenant :

Code : HTML
1
<iframe width="560" height="349" src="http://www.youtube.com/embed/l9x5FzQXDGk" frameborder="0" allowfullscreen></iframe>
Image utilisateur
Passer au vert
Si votre problème est résolu
Réservé aux membres

Image utilisateur
 
Hors ligne nike7414 # Posté le 02/05/2011 à 20:14:29

ah oui, là ca marche bien! mais enfait, le problèm c'est qu'il faut une caption comme sur le lien du site que je vous ai montré.
Hors ligne warpShadow # Posté le 03/05/2011 à 03:05:20
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Cette réponse a aidé l'auteur du sujet Cette réponse a aidé l'auteur du sujet
Bonjour,

Ton premier code était bon, mais tu dois utiliser http://www.youtube.com/v/l9x5FzQXDGk en lieue et place de http://www.youtube.com/watch?v=l9x5FzQXDGk, si mes souvenirs sont bons.

Je te conseille également <lien url="http://www.shadowbox-js.com/"></lien> à la place de videobox, bien moins lourd et plus pratique (fait images, vidéos, pages, bouts de sites...)

Bon courage
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne nike7414 # Posté le 03/05/2011 à 12:11:34

Avec shadowbox c'est parfait ca marche! Enfait avant cétait du jquery et comme il y avait d'autres trucs en jquery dans le site ca se mélangeait, mais avec le javascript là ca marche bien.
Merci

Édité le 03/05/2011 à 22:07:47 par nike7414
Hors ligne belgobretons # Posté le 22/02/2012 à 18:04:06

Bonjour,

j'essaie depuis quelque semaines d'insérer une vidéo youtube dans mon siteweb, en vain...
j'ai suivi le tuto à la lettre et le code cité ci-dessous dans le tuto fonctionne bien:

<div>
<object type="application/x-shockwave-flash" width="425" height="355" data="http://www.youtube.com/v/_etwz7NkemE&hl=fr">
<param name="movie" value="http://www.youtube.com/v/_etwz7NkemE&hl=fr" />
<param name="wmode" value="transparent" />
</object>

<!--[if lte IE 6 ]>
<embed src="http://www.youtube.com/v/_etwz7NkemE&hl=fr" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed>
<![endif]-->
</div>

si ce n'est qu'à la validation, il y a 3 erreurs...

De plus, lorsque je remplace la video etwz7NkemE par la mienne SazOlRJzry8, cela ne fonctionne plus...

Pouvez-vous svp m'aider?
merci pour l'aide

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx