jquery - 嵌入式Youtube视频在关闭后仍可继续播放

Question

关于如何在按下关闭按钮或什至关闭模式 View 后，如何阻止youtube视频在后台连续播放的任何建议？

<a data-toggle="modal" href="#videoModal">
    <img class="img-responsive img-rounded" src="http://iconshots.com/wp-content/uploads/2010/01/final1.jpg">
</a>

<div class="modal fade" id="videoModal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">Learn how to make this app!</h4>
            </div>
            <div class="modal-body">
                <iframe width="500" height="281" src="http://youtu.be/GWPc6EDwv8k" frameborder="0"></iframe>
            </div>
        </div>
    </div>
</div>

Answer 1

使用一些jQuery，您可以执行以下操作:

$('#someButton').click(function(){
   $('#playerID').get(0).stopVideo();
)};

这是与您的问题相关的帖子，希望它可以为您指明正确的方向: Youtube api - stop video