Question

我想在我的网站上创建一个播放列表。如果一个音轨完成，我希望我的网站可以做，然后播放列表中的第二个音频将自己播放。

这是我的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

感谢您提供任何帮助或建议

Answer 1

您可以做的一件事是使用setTimeout()，然后使用JavaScript，您将拥有{{1}}功能，该功能将在一段时间后使用。这样，使用Javascript，经过一段时间后（无论您想要更改视频的视频多长时间），它都会改变其他视频的来源。

Answer 2

要在音频或视频上触发“播放结束时”，请使用此标记<audio|video onended="myScript">，其中脚本位于javascript中。所以你使用javascript来控制第二个音频。我使用jQuery html元素替换html并触发自动播放。

自动播放音频HTML元素

2 个答案: