相关疑难解决方法(0)

这是运行视频的相关代码:

<video id="video" src="videos/clip.mp4" type='video/mp4' controls='controls'>
    Your brwoser doesn't seems to support video tag
</video> 

这段代码可以单独使用,但在尝试淡入时:

function showVideoPlayer(){          
    console.log('video displayed');      
    $("#video").fadeIn('medium');
}

它似乎不起作用,我得到了这个:

如你看到的: Video format or MIME type is not supported.

视频容器隐藏在css中:

#video{
    position:fixed;
    border:solid 1px #000000;
    width:654px;
    height:454px;
    background-color:#FFFFFF;
    left:23%;
    top:11%;
    display:none;
}

这是一个想法,视频容器是隐藏的(display:none),当需要时,我调用该函数showVideoPlayer来显示视频容器.然而,这不起作用,FireFox并在Chrome和IE9中产生了这个错误和一个空白屏幕.

我错过了什么吗？是fadeIn功能似乎让我错了？