javascript - IE と Firefox をサポートするビデオ プレーヤーの作成

Question

Web ページでのビデオ プレーヤーの作成に問題があります。ビデオ タイトルのリストと、オブジェクト タゲを使用した 1 つのビデオ プレーヤーがあります。

私の目的: ビデオのタイトルをクリックすると、ビデオが読み込まれ、ビデオのファイルに従って再生されます。

誰でもこの問題を解決するのを手伝ってもらえますか?

Answer 1

デモを試す

<a href="http://v2v.cc/~j/theora_testsuite/320x240.ogg">Test video</a><br>
<a href="http://upload.wikimedia.org/wikipedia/commons/9/9b/Pentagon_News_Sample.ogg">Pentagon</a><br>
<a href="http://upload.wikimedia.org/wikipedia/commons/thumb/1/14/Xacti-AC8EX-Sample_video-001.ogg/Xacti-AC8EX-Sample_video-001.ogg.480p.webm">Cat Giraffe</a><br>

<video id="player" src="http://v2v.cc/~j/theora_testsuite/320x240.ogg" controls>
  Your browser does not support the <code>video</code> element.
</video>​​​​​​​​​​​​​

<script type="text/javascript">
​$(function(e) {
    $('a').click(function(e) {
        e.preventDefault();
        var video_file = $(this).attr('href');
        $('#player').attr('src', video_file)[0].play();
    });        
});​
</script>