Javascript 使用jQuery添加和删除src属性和内容多次

我构建了一个模式，当从列表中单击时播放YouTube视频片段，当窗口关闭时停止播放。我可以让它正常工作（打开/播放，然后关闭/停止）。但是，当我再次触发它时，它不会再次将src属性添加回iframe元素：

HTML:

---

作为记录，我正在开发一个更好的YouTube API版本来实现这一点（在模式关闭时停止视频），但我现在确实需要这个版本来工作。

你能创建一个简单的演示吗？在这里弹出它似乎不会重现问题？你能检查一下JSFIDLE，看看a）我是否遗漏了一个问题；或者b）实际上没有您报告的问题，或者您报告的问题在其他地方，在代码中没有共享（尚未）？这很奇怪-我已经让它正常工作（我的问题）了：以下是完整的工作模式：

<a class="cinema__play" data-video="http://www.youtube.com/embed/1234567890?vq=HD1080&autoplay=1&showinfo=0" href="#">Play</a>

<div class="cinema">
    <div class="embed-container">
        <a class="cinema__close" href="#">&times;</a>
        <iframe class="cinema__video" frameborder="0" allowtransparency="true" allowfullscreen></iframe>
    </div>
</div>

$('.cinema__play').click(function() {
    $code = $(this).data('video');
    $(".cinema__video").attr("src", $code);
    return false;
});

$('.cinema__close').click(function() {
    $(".cinema__video").removeAttr("src");
    return false;
});