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

Question

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

我的目的：当我点击视频标题时，它会加载视频并根据视频文件进行播放。

任何人都可以帮我解决这个问题吗？

Answer 1

<强> Try the demo

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