我只能找到独立视频标记的答案,而不能找到嵌入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>
你能帮忙吗?