html5 视频播放器,带有播放列表的怎么做?

html-css015

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()

}