html5 видео плейлист - без JavaScript?

Question

пытаясь сделать действительно базовый плеер для тестирования, так как у нас есть некоторые проблемы с html5 video & 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?

best, Дэн.

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

. Здесь все сводится к тому, что пользователям придется останавливать и запускать видео вручную,а также нажимайте на ссылки, чтобы перемещаться между ними.