2011-10-13 161 views
0

试图做一个真正的基本球员测试,因为我们有一些问题与HTML5视频& JavaScript。html5视频播放列表 - 没有javascript?

我总是推测类似;

<video controls> 
     <source src="/media/uploads/2010/09/1527/7_bbc-radio-1-hq.mov"></source> 
     <source src="/media/uploads/2010/10/1557/7_costa-monkeys.mov"></source> 
    </video> 

将被理解为一个播放列表,但不起作用,并且找不到任何东西来表明这个或其他任何东西。

是否可以使用html5标记创建播放列表?丹,丹。

回答

0

浏览器将选择它能够播放的第一个来源。拥有多个源的要点是,您可以使用不同的编码和比特率提供相同的视频。

目前无法使用标记创建播放列表。我能想到的唯一的办法可能会模仿它会使用:target伪类CSS:

<style> 
video { display:none; } 
video:target { display: inline-block; } 
</style> 
<ul> 
    <li><a href="#one">First video</a></li> 
    <li><a href="#two">Second video</a></li> 
</ul> 
<video controls id="one"> 
    <source src="/media/uploads/2010/09/1527/7_bbc-radio-1-hq.mov"></source> 
</video> 
<video controls id="two"> 
    <source src="/media/uploads/2010/10/1557/7_costa-monkeys.mov"></source> 
</video> 

如果这倒下的是,用户必须手动停止和启动的视频,以及点击在它们之间导航的链接。

+0

哦,这是一个耻辱。干杯robertc! – v3nt