javascript - 如何使视频在结束时自动最小化

Question

我使用一个按钮调用函数“play()”，使视频全屏播放

    <div style="text-align:center"> 
        <form>
        <input type="button" name="something" value="start_experiment" onclick="play(this,vid)"> 
        </form>
     </div>

     <video id="vid" width="320" height="240" class="rounded-circle" >
         <source src="assets/vid/video.mp4" type="video/mp4" >
     </video>

      <script>
        
        function play(button,vidid) {  
        button.style.visibility = "hidden"; 
        var myVideo = vidid;

            if (myVideo.requestFullscreen) {
                myVideo.requestFullscreen();
            }
            else if (myVideo.msRequestFullscreen) {
                myVideo.msRequestFullscreen();
            }
            else if (myVideo.mozRequestFullScreen) {
                myVideo.mozRequestFullScreen();
            }
            else if (myVideo.webkitRequestFullScreen) {
                myVideo.webkitRequestFullScreen();
            }
            
            myVideo.play();
        }
    </script>

我怎样才能让视频在停止播放时自动最小化？

Answer 1

.onended()此功能用于结束视频。
当音频/视频到达结束时发生结束事件。
此事件对于“感谢收听”、“感谢收看”等消息很有用。
例子:-

   var vid = document.getElementById("vid");
   vid.onended = function() {
        alert("The video has ended");
        this.exitFullscreen();
        /*any this you add this function*/
   };