Question

试图找到解决方案，但找不到任何有效的方法。我尝试过

$('video').trigger('pause');

，并且html中没有关闭按钮可将任何脚本附加到该按钮。但是，我不知道jquery或javascript，所以我希望有人可以提供帮助。

使用似乎很受欢迎的“重复模态”，但是如果在完全观看之前关闭模态，我会遇到视频音轨继续播放的问题。在桌面浏览器上查看时似乎只是一个问题。

希望找到一种能够同时停止音频的解决方案。

以下是我插入的HTML代码：

<div style="margin:50 auto; width:700px;">
		<a class="vimeo" >vimeo</a>
		<script>
			$(window).load( function(){
				rplm({
					title: "ETSA Teacher Training",
					text: '<video width="100%" height="338" controls autoplay><source src="Endeavour Teaching.mp4" type="video/mp4"><!--source src="movie.ogg" type="video/ogg"-->Your browser does not support the video tag.</video>',
					html: true,
					showConfirmButton: true,
					delay: 2,
					animation: 'fadeIn',
					allowOutsideClick: true,
					overlay: "black",
					videoHeight: "338",
					videoWidth: "100%",
		preventDialog: true,
		cookieName: "blockModal",
		preventText: "Block This Pop-up.",
		preventDays: 30,
		modalNOverlay: 'black',
				});
			});
		</script>
	</div>

您可以在这里看到实际效果：http://www.endeavourtsa.org/index-test3.html 显然，这里有css和js文件，但由于我不知道需要哪一部分，因此除非愿意，否则我不想在此处发布所有代码。如果需要，我可以发帖，也可以在这里找到文件： http://www.endeavourtsa.org/modal.zip

非常感谢您的帮助！

Answer 1

在查看源代码之后，您需要在弹出窗口的视频中添加视频ID，以便以后引用（id="evideo"）

rplm({
    title: "ETSA Teacher Training",
    text: '<video id="evideo" width="100%" height="338" controls autoplay><source src="Endeavour Teaching.mp4" type="video/mp4"><!--source src="movie.ogg" type="video/ogg"-->Your browser does not support the video tag.</video>',

，然后将onclick处理程序添加到关闭弹出窗口的按钮上（除非rplm具有事件模型，该模型使您可以更轻松地将代码附加到弹出窗口的close事件中）：

        modalNOverlay: 'black',
        });
        document.getElementsByClassName("confirm")[0].addEventListener("click",function(){alert('boo')})
    });
</script>

（可能需要一些调整和其他事件，因为也可以通过在框外单击来取消模态，但是需要查看rplm文档以查看是否有更优雅的解决方案）

关闭全部模式后，视频的音频会继续播放

1 个答案: