Question

我有一个包含多个视频的页面，其中一个查看者可以选择一个视频。我已经在Chrome 18.0和Safari 5.1中使用它，但就是这样。

HTML：

<div class="video" data-id="1" >
<video width="auto" height="100%" controls="controls">
  <source src="videos/cadillac_x264.mp4" type="video/mp4" />
  <source src="videos/cadillac_x264.ogv" type="video/ogg" />
  <source src="videos/cadillac_x264.webm" type="video/webm" />
<object data="videos/cadillac_x264.mp4" width="auto" height="100%">
  <embed src="videos/cadillac_x264.swf" width="auto" height="100%" />
</object> 
</video>
</div>

上述div中有六个。

jQuery的：

$(function(){
$('div.video').hide();

$('.icon').click(function(){
    var id=$(this).data('id'),
        thisDiv=$("div.video[data-id='" + id +"']"),
        thisVideo=$("div.video[data-id='" + id +"']").find('video');

    $('video').each(function () {
        this.pause();
        this.currentTime=0;
    });

       $('div.video').not(thisDiv).fadeOut();

       thisDiv.fadeIn();      
       thisVideo.get(0).play();   
});
});

FF 11.0中的控制台说：

WalkingDomProcessor.process: Can't find engine for: http://mysite.com/directory/index.php

和

An attempt was made to use an object that is not, or is no longer, usable
[Break On This Error]   

this.currentTime = 0;

在IE 8中：

this.pause();

Object doesn't support this property or method

我认为我已经涵盖了在所有浏览器中观看视频的所有基础，并且印象中jQuery在所有现代浏览器中都运行良好。

可以肯定的是，我已将所有视频都放在正确的目录中，并且显然正确地调用了脚本。

为什么我会收到这些错误？视频为什么不播放？

对于这篇文章的篇幅感到抱歉，但我只是想彻底。

试图让crossbrowser视频播放，但与jQuery明显冲突（？）

0 个答案: