html5 视频播放器，带有播放列表的怎么做？

html-css026

html5 视频播放器，带有播放列表的怎么做？,第1张

需要用js去控制

先把列表用html生成出来，再用脚本去控制点击列表的时候播放

可以参考

http://www.feelcss.com/html5-music-player-playlist-and-playback.html

首先对于：HTML 网页音频播放器，要知道这个是有2种模式的播放的；

<1>使用HTML5的autio标签；

<2>使用一般的embed标签。

列表中的音频文件；

这个问题，可以采用ul+li标签解决问题，例如如下：

<ul id="ul">

 <li><audio src="abc.mp3">abc.mp3</audio></li>

 <li><audio src="cde.mp3">cde.mp3</audio></li>

</ul>

此时，为了得到这个ul列表对象，从而获取旗下的所有的li对象里面的mp3文件，来得到我们播放的目的；

自动播放

在这个问题上，只要在页面载入时，就好了；

onload = function () {

  var audios = ul.getElementsByTagName("audio")

 audios[0].play()

}