使用javascript在html5中单击图像时播放视频？_Javascript_Html_Html5 Video

使用javascript在html5中单击图像时播放视频？

javascript html

使用javascript在html5中单击图像时播放视频？,javascript,html,html5-video,Javascript,Html,Html5 Video,我是JavaScript的初学者。我想在HTML5中播放特定时间内的mp4文件。首先，我想加载一个缩略图。如果点击，我想播放特定时间的视频文件。这是我的密码。但它不是从6开始的。它只是从一开始。我做错了什么 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function PlayVideo(anchor,vid, start_time, end_time, v

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

<!DOCTYPE html>
<html>
<head>
 <script type="text/javascript">
     function PlayVideo(anchor,vid, start_time, end_time, video_file) {
         document.getElementById(anchor).outerHTML = 
                 "<video id='" + vid + "' controls width='320'> <source src='" + video_file + "'              
                 type='video/mp4'/></video>"

        var video = document.getElementById(vid);

        video.play();
        video.currentTime = start_time;

        video.addEventListener('timeupdate', function() {
            if(this.currentTime > end_time) {
                this.pause();
                this.currentTime = start_time;
            }
        });
        document.getElementById(aid).style.display = "none";
    }
    </script>
</head>
<body>
<a id="anchor" onclick="PlayVideo('anchor','003', 5, 9, 'test.mp4');"><img src ="test.jpg" alt="trail" /></a>

</body>
</html>


功能播放视频（锚定、视频、开始时间、结束时间、视频文件）{
document.getElementById（锚定）.outerHTML=
" "
var video=document.getElementById（vid）；
video.play（）；
video.currentTime=开始时间；
video.addEventListener（'timeupdate'，function（）{
如果（this.currentTime>end_time）{
这个。暂停（）；
this.currentTime=开始时间；
}
});
document.getElementById（aid）.style.display=“无”；
}

试试看

document.getElementById（锚定）.outerHTML=
" ";

注意

试一试

document.getElementById（锚定）.outerHTML= " ";
注意

查看JavaScript控制台。（在Chrome上按Ctrl+Shift+J）是否有错误？如果是的话，把它们贴在你的问题上。谢谢。有这样一条消息：uncaughterror:InvalidStateError:DOM异常11。第11行是“video.play（）；”在设置视频变量：
console.log（video）之后添加这行代码
并告诉我
视频的值是多少。（查看您的控制台以了解）查看您的JavaScript控制台。（在Chrome上按Ctrl+Shift+J）是否有错误？如果是的话，把它们贴在你的问题上。谢谢。有这样一条消息：uncaughterror:InvalidStateError:DOM异常11。第11行是“video.play（）；”在设置视频变量：console.log（video）之后添加这行代码并告诉我视频的值是多少。（查看您的控制台以了解）