创建支持IE和火狐的视频播放器

Question

我在网页中创建视频播放器时遇到问题。我有一个视频标题列表和一个使用对象 tage 的视频播放器。

我的目的是：当我单击视频标题时，它将加载视频并根据视频的文件播放。

谁能帮我解决这个问题？

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>