Bonjour à tous,
Un grand merci pour ce forum et tout ces cours... je sens que je vais devenir un gros Fan de ce Forum.
Mon problème est que j'ai crée une popup jquery avec à l'intérieur une vidéo intégrée youtube. Tout fonctionne sauf que quand le clip est lancé et que je ferme la popup il continue de tourner. J'ai trouvé plusieurs solutions quand à la fermeture de cette vidéo, mais apparement ça fonctionnait avec l'ancien code youtube ( et non l'iframe )
comment faire pour stopper cette vidéo quand je ferme ma popup ?
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
41
42
43
44
45
46
47
48
49 Voici le jquery de ma popup $(document).ready(function() { //select all the a tag with name equal to modal $('a[name=modal]').click(function(e) { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = $(this).attr('href'); //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set height and width to mask to fill up the whole screen $('#mask').css({'width':maskWidth,'height':maskHeight}); //transition effect $('#mask').fadeIn(1000); $('#mask').fadeTo("slow",0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH/2-$(id).height()/2); $(id).css('left', winW/2-$(id).width()/2); //transition effect $(id).fadeIn(2000); }); //if close button is clicked $('.window .close').click(function (e) { //Cancel the link behavior e.preventDefault(); $('#mask, .window').hide(); }); //if mask is clicked $('#mask').click(function () { $(this).hide(); $('.window').hide(); }); });
Voici le contenu de ma popup
Et voilà le lien qui ouvre cette popup
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 <div id="img-big" class="window"> <iframe width="560" height="315" src="http://www.youtube.com/embed/FosDa000OHI" frameborder="0" allowfullscreen></iframe> <a href="#" class="close">Close</a> <div class="social-pop"> <p>You like this ?</p> <span class="facebook"><iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.youtube.com%2Fembed%2FFosDa000OHI&send=false&layout=standard&width=290&show_faces=true&action=like&colorscheme=light&font&height=30" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:290px; height:30px;" allowTransparency="true"></iframe></span> <span class="share-on">SHARE <br />IT ON</span> <span class="facebook-share"><img src="images/media/facebook.png" width="28" height="28" target="_blank"></span> <span class="twitter"><img src="images/media/twitter.png" width="28" height="28" target="_blank"></span> <span class="mail"><img src="images/media/mail.png" width="28" height="28" target="_blank"></span> </div> </div>
Merci à tous pour les futures réponses !!
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <div class="img big"> <a href="#img-big" name="modal"><img src="images/media/clip-goodbye.png" width="352" height="263" class="imgbig"></a> </div>
Partager