Javascript 页面上有多个视频需要自动播放其中一个单击的按钮

我有一个按钮，每个视频循环，每个按钮是唯一的视频。这是为每个视频循环的html/php。我需要有点击按钮，只有视频自动播放。现在所有的视频都在播放。我知道我是如何调用按钮的，但不知道如何更正它

---

您的问题是，即使您获得了视频的id-

var videoid = $('video').closest('video').attr('id');

您不是在播放该视频，而是使用选择器
$（“视频”）
来获取所有视频-

$('video').trigger("play");

我这样做的方法是在按钮中添加一个
数据视频
，即
视频的
id
-

<button class="btn btn-prod-spec" role="button" data-toggle="modal" data-video="#video_<?php echo $post->ID; ?> data-target="#post_<?php echo $post->ID; ?>">View Demo</button>

你的意思是一次点击播放每一个视频，你需要单独的按钮来播放单独的视频吗？这是可行的，我知道这很简单，我只是错过了。非常感谢。卢文给出了信息丰富的答案，肖恩。当然，这比“试试这个”；-）@弗雷德二世-是的，我同意，这是直截了当的，我明白需要什么，它完美地解决了问题。@Anthony这就是Stack真正的意义；-）Cheers@Fred-确切地说，我得到了需要的帮助，我从其他人那里学到了东西，现在我知道如何在未来解决这些问题，这应该会帮助其他可能需要帮助的人。顺便说一句新年快乐！
$("button.btn").click(function() {
    var videoid = $(this).data('video');
    $(videoid).trigger("play");
});