Jquery 视频结束时如何重定向页面？

我有一个带有视频介绍的html网页。我想重定向到另一个网页，视频结束后10秒。我主要使用jQuery和HTML。

这肯定会奏效。我刚才试过了

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">
</script>
<script type="text/javascript">
  $(document).ready(function(){   
   $("#myVideo").bind('ended', function(){
      location.href="http://www.localhost.com";   
   }); 
  });
</script>

<video id="myVideo" width="320" height="240" controls="controls">
  <source src="movie.mp4" type="video/mp4" />
  <source src="movie.ogg" type="video/ogg" />
    Your browser does not support the video tag.
</video>

$（文档）.ready（函数（）{
$（“#myVideo”）.bind（'end'，function（）{
location.href=”http://www.localhost.com";   
}); 
});
您的浏览器不支持视频标记。

我试图在我的js文件中使用一个函数，并调用window.location.replace（“），但它不起作用。请共享html和js代码，或者尝试创建一个JSFIDLE