自动播放音频 HTML 元素

亚当舒尔茨

我想在我的网站上创建一个播放列表。我希望我的网站在一个音轨完成后执行，然后播放列表中的第二个音频将自行播放。

这是我的 HTML：

<body style="background-color:#A9A9A9">
<div class="container" style="width:60%;">
    <div class="row main">
    <div class="panel-heading">
            <div class="panel-title text-center">
               <h1 class="title">Listen</h1>
               <hr />
        <audio id="audio" preload="auto" tabindex="0" controls="" >
            <source src="http://jezecek.nostools.cz/music/cc.mp3">
             Your Fallback goes here
        </audio>
        <ul id="playlist">
            <li class="active">
                <a href="http://jezecek.nostools.cz/music/cc.mp3">
                 cc
                </a>
            </li>
            <li>
                <a href="http://jezecek.nostools.cz/music/gg.mp3">
                gg
                </a>
            </li>
            </ul>   
        </div>
        </div>
    </div>
</div>

这里的 Javascript 不起作用（截图）：

https://gyazo.com/278e432d299ac1cef0f57f939c28bd94

感谢您的任何帮助或建议

青色编码

您可以做的一件事是使用iframe，然后使用 JavaScript，您将拥有一个setTimeout()将在一段时间后运行的函数。这样，使用 Javascript，经过一段时间后（无论您希望它更改视频多长时间），它都会更改另一个视频的来源。

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。