Javascript 单击缩略图时播放视频

Javascript 单击缩略图时播放视频,javascript,html,Javascript,Html,我是JavaScript的初学者。我想在HTML5中播放特定时间内的mp4文件。首先,我想加载一个缩略图。如果点击,我想播放特定时间的视频文件。这是我的密码。但它不起作用。我做错了什么 function PlayVideo(aid, vid) { var video = document.getElementById(vid); video.addEventListener('loadedmetadata', function () { videoStartTim

我是JavaScript的初学者。我想在HTML5中播放特定时间内的mp4文件。首先,我想加载一个缩略图。如果点击,我想播放特定时间的视频文件。这是我的密码。但它不起作用。我做错了什么

function PlayVideo(aid, vid) {
    var video = document.getElementById(vid);
    video.addEventListener('loadedmetadata', function () {
        videoStartTime = 6;
        videoEndTime = 7;
        this.currentTime = videoStartTime;
    }, false);

    video.addEventListener('timeupdate', function() {
        if (this.currentTime > videoEndTime) {
            this.pause();
            this.currentTime = 6;
        }
    });

    document.getElementById(aid).style.display = "none";
}
在HTML文件的正文中:

<a id = "anchor" onclick = "PlayVideo('anchor','vid');">
    <img src = "test.jpg" alt = "trail" />
</a>
<video id = "vid" controls width = "320">
  <source src = "test.mp4" type = "video/mp4"/>
</video>

我看不到您在任何地方启动视频:

function PlayVideo(aid, vid) {

    var video = document.getElementById(vid);
    video.play();  // <- start play

    //...
}
功能播放视频(辅助,视频){
var video=document.getElementById(vid);

视频播放();//代码的哪一部分失败了?缩略图加载了吗?是否播放但持续时间不正确?请详细说明。thumnail已成功播放。但当我单击它时,视频播放器已加载,但不会自动启动。当我播放它时,它不会从6秒开始。它只是从一开始就开始。谢谢。但它仍然是从头开始,而不是从6开始。@user1610952如果您在play()之后设置currenttime(检查它是否不等于6)。嗯……您的意思是:var video=document.getElementById(vid);video.play();this.currenttime=6;