HTML5音频播放器只在第一个mp3上工作

Question

我正在设置一个PHP布道列表。每个布道都有一个表格和按钮。“操作”页面成功捕获输入的值并播放它。输入类型是隐藏的，这样它就不会不必要地扰乱网页。我的问题是，“行动”页面只会播放它收到的第一次布道，不管我点击了多少其他的布道按钮。来回来去。来回来去。仍然只做第一次布道，而忽略了其余的。每个浏览器都这样做。每一个装置。可能很简单。谢谢。

名单上的每一个布道都有自己的形式和按钮。

<form id="sermonform" action="sermon-player.php" method="post">
<button type="submit" form="sermonform" value="submit">PLAY</button>
<input type="hidden" name="sermon" value="2022-0904.mp3"> Just Like the Clay and the Potter
</form>

sermon-player.php

<?php
$sermon_name = $_POST['sermon'];
echo "
<audio id=AudioBox controls autoplay>
    <source src=sermons/2022/$sermon_name type=audio/mpeg>
    Your older browser does not support HTML5 audio.
</audio>";
?>

Answer 1

根据你的问题细节，你有每一次布道的形式，其中包含布道播放按钮和在你的问题中可以看到的布道值。

• 确保表单id对于每个表单都是唯一的。
• 如果每个表单都有相同的id，则每个表单中的submit按钮都会将第一个表单提交给动作脚本。

<form id="this_need_to_be_unique">

对于每一种形式