html5 视频播放列表 - 没有 javascript？

【问题标题】：html5 video playlist - without javascript?html5 视频播放列表 - 没有 javascript？
【发布时间】：2011-10-13 12:38:36
【问题描述】：

尝试做一个非常基本的播放器进行测试，因为我们在 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 标记创建播放列表？

最好的，丹。

【问题讨论】：

标签： html video playlist

【解决方案1】：

浏览器将选择它能够播放的第一个源。拥有多个来源的意义在于，您可以以不同的编码和比特率提供相同的视频。

目前无法仅使用标记创建播放列表。我能想到的唯一可能模拟它的方法是在 CSS 中使用 :target 伪类：

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

问题在于用户必须手动停止和启动视频，以及单击链接在它们之间导航。

【讨论】：

哦，真可惜。干杯罗伯特！