Question

如何使用基于HTML的播放列表嵌入HTML5视频播放器，只使用无序列表＆amp;列表项标签＆amp;锚（链接）标签？我不希望在网络上找到任何这些奇特的东西，因为它们太复杂而无法设置（其中大多数都不是免费的）。我只是想创建一个使用一些基本JavaScript和播放列表的播放列表。以后我可以用CSS设置样式。

谢谢，

Jacob Saunders

Answer 1

查看VideoJS https://github.com/videojs/video.js/blob/v4.3.0/docs/guides/setup.md它设置简单，可以使用JS进行操作。

Answer 2

带有播放列表的SuperSimple视频播放器

这是我所知道的最简单的方法。您可以尝试扩展此函数.with（li和锚点，将数组转换为对象......无论如何）

function loadVids(vidsArray){
 for(var a=0,b,f=document.createDocumentFragment();b=vidsArray[a];++a){
  var c=document.createElement('div');
  c.textContent=b;
  f.appendChild(c);
 }
 d.appendChild(f);
}

var video=document.createElement('video'),
    vids=['video1.mp4','video2.mp4'],
    d=document.createElement('div');

d.onclick=function(e){if(e.target.parentNode==this){
 video.src=e.target.textContent;
 video.play();
}}

document.body.appendChild(video);
document.body.appendChild(d);
loadVids(vids);

<强>样本

http://jsfiddle.net/e8CbF/

HTML5视频播放器，带有基于HTML的播放列表

2 个答案: