Как автоматически воспроизвести один аудио-тег, если на страницу загружено более 20 аудио-тегов?

Question

Я пытался создать систему, в которой есть список воспроизведения, загруженный из MySQL база данных должна воспроизводиться в разное время

Например: если это 8:00 утра, то есть песня, которую нужно воспроизвести и она должна измениться автоматически, когда часы пробьют 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, я удаляю класс, скрытый, когда отметка времени находится между началом и окончанием sh время Но как мне проигрывать аудио, когда текущий 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> Надеюсь, что это поможет.