Olá, estou tentando esconder um html 5 vídeo com jquery. Tendo pouca sorte, não tenho certeza se eu estou atrapalhando. O vídeo exibe e jogadas, mas quando ele termina ele não esconde. Como posso fazer a ocultar vídeo quando ele pára de reproduzir?
Aqui está o meu código:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<script type='text/javascript'>
$('myVideo').bind('ended', function(){
$("myVideo").hide();
});
}
</script>
<video width="100%" height="100%" autoplay="autoplay" id="myVideo" controls="controls">
<source src="http://www.mywebsite.com/Sintel.webm" type="video/webm"></source>
<source src="http://www.mywebsite.com/Sintel.mp4" type="video/mp4"></source>
Seu navegador não oferece suporte a vídeo tag.
</video>
</body>
</html>