单击动态创建的按钮时，如何在嵌入式mp4上暂停播放？

Question

我正在使用QuickQuiz https://github.com/UrbanInstitute/quick-quiz中的代码，并修改了代码以使用嵌入式video（mp4）而不是从json文件加载的img并使用SweetAlert2库，而不是最初实现的第一个SweetAlert。我想在四个video中的任何一个暂停播放 quiz-btn btn  单击按钮。所有按钮均使用swal.Fire触发SweetAlert2对话框。

我试图在这样的页面上添加脚本：

document.querySelector("#quiz > div > div.item.active > div.quiz-answers > div:nth-child(1)").addEventListener("click",function() {
document.querySelector("#quiz > div > div.item.active > div.ncc.text-center > video").pause();});

我也尝试过

$('.quiz-button btn').on('click', function() {
        $('#video').attr('src', ''); });

直接在代码中。我唯一成功的是单击按钮时使第一个视频停止播放，但是以下所有视频都将停止播放。请帮忙，非常感谢。

Answer 1

这实际上是一个常见问题，您将需要按以下方式更改点击功能：

更改 return tuple(r for r in result)

至

$('.quiz-button btn').on('click', function() {