0

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

最好的，丹。

4

1 回答 1

1

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

目前无法仅使用标记创建播放列表。我能想到的唯一可能模拟它的方法是: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>

失败的地方是用户必须手动停止和启动视频，以及单击链接在它们之间导航。

于 2011-10-13T13:45:16.480 回答