在父模态关闭javascript上暂停嵌入的youtube

时间:2016-09-19 09:34:01

标签: javascript youtube hide bootstrap-modal pause

所以我有一堆模态(如30),每个包含一些文本和一个嵌入的YouTube视频,我想暂停或刷新视频(以便在按下播放按钮之前将其放回到开头)它的父模态是关闭的(通过按关闭按钮或单击模态)。我也希望通过相同的脚本对所有模态和视频执行此操作,而不是为每个单独的脚本创建脚本。我知道非常非常简单的javascript,有没有人知道这是可能的,如果是的话我会喜欢它,如果你能帮助我一点点:)

这是模态的一个例子

<div aria-labelledby="myLargeModalLabel" class="modal fade news6" role="dialog" tabindex="-1">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="container-fluid">
                <span class="glyphicon glyphicon-remove closer" data-dismiss="modal"></span>
                <div class="col-md-8 vid">
                    <div class="embed-responsive embed-responsive-4by3">
                        <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/fcZMO1mjArs?color=white&&rel=0&showinfo=0" allowfullscreen="1"></iframe>
                    </div>
                </div>
                <h1>Iraq Update<br><small>- 2003</small></h1>
                <p>Edited for SBS world news evening bulletin</p>
            </div>
        </div>
    </div>
</div>

父模态上的类news6是唯一标识符,其他模态具有相似的名称(news3,news4等...)

我再次非常感谢对这些事情的任何帮助:)

0 个答案:

没有答案