Javascript 视频结束后更改位置

Javascript 视频结束后更改位置,javascript,redirect,video,replace,location,Javascript,Redirect,Video,Replace,Location,我想这个视频自动播放,一旦视频播放完毕,我想让它重定向到另一个页面,完全自动。没有咔嗒声什么的。我该怎么做 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <m

我想这个视频自动播放,一旦视频播放完毕,我想让它重定向到另一个页面,完全自动。没有咔嗒声什么的。我该怎么做

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>eve_</title>
<link rel="icon" rel="preload" href="images/evecircle.png" />
<style>

#video {
    margin-left:-10px;
    margin-top:-10px;
}

</style>

</head>

<body>
<script src="text/javascript">

function playVideo(){
    var video = document.getElementById('video');
    video.play();
    video.addEventListener('ended',function(){
       location.replace('https://stackoverflow.com/questions/49582133/no-idea-where-to-put-settimeout/49582203?noredirect=1#comment86172507_49582203'),
    });
}
</script>

<video controls id="video"  width="1300px" height="auto" preload="auto" autoplay="autoplay">
    <source src="images/shorteve.mp4" type="video/mp4"/>
</video>

</body>
</html>

您应该能够添加eventListener,然后在触发时调用您的函数

var video=document.getElementById'video'; 视频播放; video.addEventListener'ended',onVideoFinished,false; 功能已完成{ 窗口。位置。替换“…”; }确保在DOMContentLoaded事件中加载HTML后调用addEventListener。 在DOMContentLoaded事件外部调用document.getElementById“video”时,它将返回null。

当初始HTML文档已加载时,将触发DOMContentLoaded事件 已完全加载和分析

document.addEventListener'DOMContentLoaded',函数{ 已完全加载并解析console.logDOM; var video=document.getElementById'video'; video.addEventListener'end',函数{ console.log视频已结束; 警告视频已经结束; //位置。替换'https://stackoverflow.com/questions/49582133/no-idea-where-to-put-settimeout/49582203?noredirect=1comment86172507_49582203'; }; };
但这并不是将用户重定向到另一个站点。这只是产生一个警告,只是取消重定向线和删除警戒线欢迎,请考虑回答: