Question

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

最好，Dan。

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

如果这种情况发生，用户将不得不手动停止和启动视频，并点击链接在它们之间导航。

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

1 个答案: