Question

我想要完成的事情非常简单，但我认为我的网站讨厌我。它目前住在; https://www.eves.website/eve_6.html

除了在视频播放完毕后没有关闭网页。为什么呢？

<!DOCTYPE HTML>
<html>
    <head>
       <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>eve_</title>
<link rel="icon" rel="preload" href="images/evecircle.png" />
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

<script type="text/javascript">
  $(document).ready(function(){   
  $("#myVideo").bind('ended', function(){
    self.close();   
  }); 
});
</script>
</head>
  <body>

<video id="myVideo" style="margin-left:-10px; margin-top:-10px;" width="105%" height="105%" autoplay>
  <source src="images/death.mp4" autoplay="true" type="video/mp4" />
    Your browser does not support the video tag.
</video>


</body>

</html>

Answer 1

您如何打开您的网站？如果您通过在新标签中输入网址来打开，则使用JavaScript 无法关闭。按照您的方式，脚本要求关闭页面，不能为原始页面。

必须使用 JavaScript 将其打开为新窗口。如果您希望关闭通过表单发布的页面，必须首先使用 JavaScript 在单独的窗口中打开该页面。

来自MDN的window.close()：

过去，当您直接调用window对象的close()方法时，而不是在close() 实例上调用window ，浏览器关闭了最前面的窗口，无论您的脚本是否创建了该窗口。这已不再是这种情况;出于安全原因，不再允许脚本关闭他们没有打开的窗口。（Firefox 46.0.1：脚本无法关闭窗口，它们没有打开）。

Answer 2

如果您使用脚本打开网站，则可以使用此

document.getElementById('myVideo').addEventListener('ended',function(){

       window.close();

  }, false);

为什么我的网页在视频结束后没有关闭？

2 个答案: