模式关闭后停止iframe自动播放

时间:2019-04-15 10:15:13

标签: javascript jquery iframe

我有一个带有iframe的模态窗口,每次使用该模态时都会播放。这是通过使用jquery添加“?autoplay = 1”以查看iframe的src路径来归档的。如何使用jquery从iframe中取出相同的“?autoplay = 1”?

$('#m1 .trigger').click(function() {
 $("#m1 .modal").fadeIn(500);
 var symbol = $("#mvf1")[0].src.indexOf("?") > -1 ? "&" : "?";
 $("#mvf1")[0].src += symbol + "autoplay=1";
});

1 个答案:

答案 0 :(得分:0)

我认为我之前处理过一些复杂的事情,所以我只是使用一些不错的attr函数重写了代码,以通过autoplay属性传递视频网址,并在关闭模式后才删除了src,因此没有危险视频继续播放。

//open modal and autoplay video
$('#m1 .trigger').click(function() {
 $("#m1 .modal").fadeIn(500);
 $("#m1 .youtube-video").attr("src","https://www.youtube.com/embed/MeWQjqU?autoplay=1");
});

//close modal and stop video
$('#m1 .modal').click(function() {
 $(this).fadeOut(500);
 $("#m1 .youtube-video").removeAttr('src');
});