HTML5视频嵌入在播放结束时返回海报

The*_*sis 7 html javascript video html5

我正在使用Video.JS但最终不得不废弃它并使用纯HTML视频嵌入标记.有人可以帮助我使用JavaScript,当视频停止播放时,它会返回开始海报.我有它在Video.JS工作但无法找到标准HTML的正确代码.

这是当前的代码,我清除了JavaScript,因为它无论如何都没有工作.

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <video id="testimonials" width="448" height="336" controls preload="auto" poster="https://dl.dropboxusercontent.com/u/236154657/video-splash-image4.png"
data-setup='{"example_option":true}'>
    <source src="https://dl.dropboxusercontent.com/u/236154657/WK%20Life%20Coaching%20Video%2012.13.mp4" type='video/mp4'>
    </video>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">

  </script> 
  </body>
</html>
Run Code Online (Sandbox Code Playgroud)

Jat*_*tin 0

请浏览以下链接并提供相关信息: 播放后重定向 html5 视频

<script src="text/javascript">
// Do not name the function "play()"
function playVideo(){
var video = document.getElementById('video');
video.play();
video.addEventListener('ended',function(){
    window.location = 'http://www.google.com';
});
}
</script>
<video controls id="video" width="770" height="882" onclick="playVideo()">
<source src="video/Motion.mp4" type="video/mp4" />
</video>
Run Code Online (Sandbox Code Playgroud)

希望这可以帮助。