javascript - 提交表单请求后关闭弹出窗口

Question

我有一个在浏览器窗口中播放视频的应用程序。如果视频类型与 html5 不兼容，则可以选择使用按钮下载，因为在这种情况下我无法让 chrome 视频控件保留在页面上。单击按钮后，将下载视频并在媒体播放器中播放。发生这种情况时，我需要能够关闭原始弹出窗口。

   function playScreen(){
        var playScreenForm = document.getElementById('playScreenForm');
        playScreenForm.action="/playback/exportVideo.action?type=video";
        document.getElementById('videoID').value = getSelectedVideoID();
        document.getElementById('custID').value = getSelectedCustID();
        playScreenForm.submit();
        window.close()
   }

如果我这样做，窗口实际上会关闭但过早并且不会进行播放。我遇到的另一个问题是，一旦窗口打开并且用户可能最小化窗口或将焦点放在另一个窗口上，如果用户单击播放另一个视频并且没有出现在焦点上，它就会失去焦点。以下不起作用，除了模糊功能，该功能将在用户点击外部时关闭窗口，但这并不理想。我只是在下面列出了我尝试过的功能。

   window.addEventListener('blur', function(){
        console.log('blur');
        window.focus();
        window.close();
    }, false);

    window.addEventListener('minimize',function(){
        window.focus();
        window.close();
    }, false);


    window.addEventListener('focus', function(){
        console.log('focus');
        window.focus();
    }, false);

有什么想法或建议吗？

这是添加 setTimeout 函数后出现的内容；

背景中的白色窗口是我要关闭的窗口。

 <button class=button id="buttonLink" type="button" style="display:none; 
    position:absolute;margin-left:80%; width:120px;bottom:7px;" 
    onclick="playScreen()">Download</button> 
 <form METHOD="POST" id="playScreenForm" >
    <input id="formID" name="formID" type="hidden" value="playScreenForm"/>
    <input id="callID" name="ID" type="hidden"/>
    <input id="recID" name="CustID_Type" type="hidden"/>
  </form>

Answer 1

您已经陈述了两个问题，让我们只关注第一个。您可以将第二个问题作为一个单独的问题提出。第一个问题是您的 window 关闭得太早，因此可以正常工作，但您对 UX 不满意。您需要推迟关闭 window 以使其在播放发生后发生。假设您有一个名为 playback 的变量，它保存了您希望在窗口关闭之前等待的秒数，您可以这样做:

   function playScreen(){
        var playScreenForm = document.getElementById('playScreenForm');
        playScreenForm.action="/playback/exportVideo.action?type=video";
        document.getElementById('videoID').value = getSelectedVideoID();
        document.getElementById('custID').value = getSelectedCustID();
        playScreenForm.submit();
        setTimeout(function() {
            window.close();
        }, playback);
   }

如果你有一个在播放结束时运行的函数，你可以在那里处理窗口的关闭。