Jquery全屏模式被拒绝

Question

您好，我尝试自动播放全屏视频我正在使用全屏api ...这是代码

        function launchIntoFullscreen(element) {
          if(element.requestFullscreen) {
            element.requestFullscreen();
          } else if(element.mozRequestFullScreen) {
            element.mozRequestFullScreen();
          } else if(element.webkitRequestFullscreen) {
            element.webkitRequestFullscreen();
          } else if(element.msRequestFullscreen) {
            element.msRequestFullscreen();
          }
        }



        kWidget.addReadyCallback(function( playerId ){
           var kdp = document.getElementById( playerId );
           var theid = jQuery('.kaltura-player-wrapper').attr('id')
           setInterval(function(){
           var durationVideo = Math.round(kdp.evaluate('{duration}'));
           var currentTime = Math.round(kdp.evaluate('{video.player.currentTime}'));

        if (currentTime == 2){
            launchIntoFullscreen(document.getElementById(theid));
        console.log(theid);
        }
    
        // Whack fullscreen
        function exitFullscreen() {
         if(document.exitFullscreen) {
           document.exitFullscreen();
        } else if(document.mozCancelFullScreen) {
           document.mozCancelFullScreen();
        } else if(document.webkitExitFullscreen) {
           document.webkitExitFullscreen();
        }
        }

        // Cancel fullscreen for browsers that support it!

        var durationFull = (durationVideo - 1);
           if (currentTime == durationFull){
               exitFullscreen();
           }

        if (currentTime == durationVideo){
             jQuery("#relatedredirect").modal({minWidth: 200});

                var count = 3;
                var countdown = setInterval(function(){
                jQuery("p.countdown").html("Il prossimo video tra "+count + " secondi");
                if (count == 0) {
                  clearInterval(countdown);
                  window.open('', "_self");
                }
                count--;
                }, 1000);
        }

错误     请求切换到全屏模式被拒绝，因为Element.mozRequestFullScreen（）没有被用户快速生成的事件处理程序调用。

Answer 1

注意：需要从事件处理程序中调用全屏请求，否则将拒绝全屏请求。从： https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode