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 に答える