Stopper vidéo youtube fermeture popup Jquery
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:
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
Code:
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> |
Et voilà le lien qui ouvre cette popup
Code:
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> |
Merci à tous pour les futures réponses !!
