当页面动态加载20个以上音频标签时，如何自动播放一个音频标签？

Question

我一直试图使从MySQL数据库加载了播放列表的系统必须在不同的时间播放

例如：如果是早上8点，则需要播放一首歌，当时钟敲到9点时，它应该自动改变

<tr class="hidden" >
                <td start="'.strtotime($time_prev).'" finish="'.strtotime($time_next).'" style="padding:20px;">
                    <div class="row">
                        <div class="col-md-4 col-sm-12">
                                Date: <strong>'.date("d M Y l",$current_date).'</strong> 
                                <p>Running from : '.$time_prev.' - '.$time_next.'</p>
                        </div>
                        <div class="col-md-4 col-sm-12">
                        </div>
                        <div class="col-md-4 col-sm-12">
                                <p>
                                    <audio class="play_audio" controls loop>
                                       <source src="'.$result3["planet_mantra"].'" type="audio/mpeg">
                                       Your browser does not support the audio tag.
                                    </audio>
                                </p>
                        </div>
                    </div
                    </td>
            </tr>

这是PHP代码，当时间戳介于开始时间和结束时间之间时，我删除了隐藏的类。但是当当前的div可见时我应该如何播放音频。

Answer 1

因此在同一步骤中，当您删除类hidden时，您可以像这样autoplay将

<audio controls autoplay>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>

属性添加到音频标签中希望有帮助。