Discussion :

[L33loo]

Bonjour,

Voici mon soucis,

J'essaie de lancer un thickbox au démarrage de ma page d'accueil (sans avoir a cliquer sur un lien). Jusque la, ça marche.
Je veux maintenant faire évoluer mon code pour qu'on puisse afficher une vidéo à la place d'une image. Mais une video venant de dailymotion ou de youtube.

voila mon code (qui ne marche pas)

J'ai le fond gris du thickbox qui passe bien par dessus la page mais pas de vidéo.

Code :

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

1
2
3
4
5
6
 
<script type="text/javascript">
$(document).ready(function() {
tb_show('', '<object width="480" height="373"><param name="movie" value="http://www.dailymotion.com/swf/video/x2kdl6"></param><param name="allowFullScreen" value="true"></param><param name="allowScriptAccess" value="always"></param><embed type="application/x-shockwave-flash" src="http://www.dailymotion.com/swf/video/x2kdl6" width="480" height="373" allowfullscreen="true" allowscriptaccess="always"></embed></object><br /><b><a href="http://www.dailymotion.com/video/x2kdl6_avez-vous-deja-vu-la-chasse-aux-bon_fun">Avez-vous d&eacute;j&agrave;  vu  la chasse aux bonzhommes de neige?</a></b><br /><i>envoy&eacute; par <a href="http://www.dailymotion.com/morlok_502">morlok_502</a>. - <a href="http://www.dailymotion.com/fr/channel/fun">Cliquez pour voir plus de vid&eacute;os marrantes.</a></i>?height=395&width=590&inlineId=myOnPageContent', 'false');
});
</script>

Merci pour votre aide!
Leeloo

[L33loo]

J'ai trouvé une solution. J'ai récupéré les div que génère le tb_show et je les ai ajouté en dur dans ma page. Cela marche mais il a fallut que réécrive un peu de Javascript pour pouvoir activer le lien "fermer" du Thickbox.

le Javascript(jquery) :

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
$(document).ready(function() {
$("#TB_closeWindowButton").click(function(){
$("#TB_overlay").hide();
$("#TB_window").hide();
});
});
</script>

le code html :

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
 
<div id="TB_window" style="margin-left: -415px; width: 832px; height: 410px; margin-top: -245px; display: block;">
<div id="TB_title">
<div id="TB_ajaxWindowTitle"></div>
<div id="TB_closeAjaxWindow">
<a id="TB_closeWindowButton" href="#">
FERMER
</a>
</div>
</div>
 
<div id="TB_ajaxContent">
ICI MON CODE EMBED
</div>
</div>

Je ne sais pas si c'est très propre, mais ça marche

Leeloo.