暂停<embed /> Jquery中的视频播放

时间:2016-09-22 16:21:37

标签: jquery html5 video embed

我只能找到独立视频标记的答案,而不能找到嵌入HTML5嵌入标记的标记。

这是我的问题: 使用AJAX文件我将获得一系列不同类型的文件源(mp4,pdf,xls,doc等)以填充我的网页。检索我的JSON数组后,我使用以下代码行填充:

 $("#modal-body").append('<div class="embed-responsive" style="padding-bottom:80%"><embed src="'+ $path +'" width="800px" height="500px" style="text-align:center;" /></div>');

现在,每次我点击一个文件,这都会扩展到一个模态窗口。在视频的情况下,当模态窗口出现时,它会自动开始播放。我希望当用户关闭视频暂停或停止的模态窗口时。

然而,当触发关闭模态窗口的jquery .click()事件时,没有任何反应。

$("#modalBtn").click(function(){
    $("#modal-window").toggleClass("invisible");// hide modal window

    $("video").each(function () { this.pause() });
});

我注意到,如果我正在处理单个<video></video>但不处理<embed><video></video></embed>

,则此方法有效

你能帮忙吗?

0 个答案:

没有答案