Javascript addEventListener重置视频后如何播放HTML5视频？

使用自定义功能“resetVideo”重置后，如何使此视频再次播放

所有内容都会重置回视频的开头并显示海报图像，但当我单击“播放”按钮时，不会播放任何内容

      <video id="hero-video" width="100%" preload="auto" style="visibility: visible; width: 100%;" poster="http://www.jplayer.org/video/poster/Big_Buck_Bunny_Trailer_480x270.png">
                <source src="http://www.jplayer.org/video/ogv/Big_Buck_Bunny_Trailer.ogv" type="video/ogg codecs='theora, vorbis'">               
                <source src="http://www.jplayer.org/video/webm/Big_Buck_Bunny_Trailer.webm" type="video/webm codecs='vp8, vorbis'">
                <source src="http://www.jplayer.org/video/m4v/Big_Buck_Bunny_Trailer.m4v" type="video/mp4 codecs='avc1.42E01E, mp4a.40.2'">               
            </video>
<div id="buttonbar">
            <button id="restart" onclick="restart();">[]</button> 
            <button id="play" onclick="vidplay()">&gt;</button>
        </div>  
 <div class="banner-box">
                                    <h1>Headline</h1>
                                    <p>copy</p>
                                    <a href="#" class="btn btn-view">link</a>
                                </div>

<script type="text/javascript">
        var video = document.getElementById("hero-video");
        var button = document.getElementById("play");
        var bannerContent = document.getElementById("video-ad-banner");
        setTimeout(function(){ $(bannerContent).fadeOut(); video.play();}, 5000);
        video.addEventListener("ended", resetVideo, false);
         function vidplay() { 
       if (video.paused) {
          video.play();
          button.textContent = "||";
           $(bannerContent).fadeOut();        
       } else {
          video.pause();
          button.textContent = ">";
          $(bannerContent).fadeIn();
       }
    }
    function resetVideo() {
        this.src = this.src;
        video.currentTime = 0;
        $(bannerContent).fadeIn();
    }
    function restart() {
        video.currentTime = 0;
    }



</script>

[] 
大字标题
抄袭

var video=document.getElementById（“英雄视频”）；
var按钮=document.getElementById（“播放”）；
var bannerContent=document.getElementById（“视频广告横幅”）；
setTimeout（函数（）{$（bannerContent.fadeOut（）；video.play（）；}，5000）；
video.addEventListener（“结束”，重置视频，错误）；
函数vidplay（）{
如果（视频暂停）{
video.play（）；
button.textContent=“| |”；
$（bannerContent.fadeOut（）；
}否则{
video.pause（）；
button.textContent=“>”；
$（bannerContent.fadeIn（）；
}
}
函数resetVideo（）{
this.src=this.src；
video.currentTime=0；
$（bannerContent.fadeIn（）；
}
函数重新启动（）{
video.currentTime=0；
}

你检查过开发控制台了吗？试试这个：

video.addEventListener（“结束”，函数（）{video.currentTime=0；$（bannerContent.fadeIn（）；video.play（）；}，false）我希望视频在海报图像上结束。所以我在resetVideo函数中添加了一行代码。this.src=this.src；我只想让视频回到它的初始状态。我不希望视频看起来像是在循环。@JamesStar然后删除video.play（）；在上面的片段中。对我来说，this.src=this.src没有任何意义。@incBrain谢谢你的帮助。我使用了这个链接中的小脚本。这应该是一个小脚本来重置显示海报图像的整个视频。我只想视频重置为显示海报框架的开始，并在文本（bannerContent）中淡入。