Это соответствующий код для запуска видео:
<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
кажется мне неправильной?