javascript – 如何使用YouTube视频启动和关闭jQuery Twitter Bootstrap Modal?

前端之家收集整理的这篇文章主要介绍了javascript – 如何使用YouTube视频启动和关闭jQuery Twitter Bootstrap Modal?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我需要一个简单的演示,演示如何从JavaScript启动和关闭Twitter Bootstrap Modal中的YouTube视频(而不是单击锚标签).

到目前为止,我可以很好地启动它,但在关闭时它会继续在后台播放.

这是我的HTML:

使用Javascript:

$('#myModalThumbnail').click(function () {
    var src = 'http://www.youtube.com/v/KVu3gS7iJu4&rel=0&autohide=1&showinfo=0&autoplay=1';
    $('#myModal').modal('show');
    $('#myModal iframe').attr('src',src);
});

并且jsfiddlehttp://jsfiddle.net/VtKS8/5/

接下来是什么?

最佳答案
好吧,看起来我需要做的就是删除按钮点击上的src属性.

$('#myModal button').click(function () {
    $('#myModal iframe').removeAttr('src');
});

JSFiddle:http://jsfiddle.net/VtKS8/6/

原文链接:https://www.f2er.com/jquery/428659.html

猜你在找的jQuery相关文章