youtube.com/iframe_api는 IE11 또는 Windows 10의 가장자리에서 실행되지 않습니다.

Question

다음 코드로 내 사이트의 YouTube 클립에 iframe_api를 구현했습니다.

var tag = document.createElement('script'); 
tag.src = "https://www.youtube.com/iframe_api"; 
var firstScriptTag = document.getElementsByTagName('script')[0]; 
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag); 

// Setup Youtube player 
var player; 

// Get id of first clip 
var ytVideoId = jQuery('.start-yt').attr('data-video-id'); 

// When API is ready, create player with above id 
function onYouTubePlayerAPIReady() { 
    player = new YT.Player('player', { 
     height: '390', 
     width: '640', 
     videoId: ytVideoId, 
     events: { 
      'onReady': onPlayerReady 
     } 
    }); 
    console.log('API Ready'); 
} 

// When player is ready 
function onPlayerReady(event) { 
    jQuery('.start-yt').addClass('play-icon'); 

    // Set glob var 
    var ytGlobId =""; 

    // Close button 
    jQuery('.ytClose').click(function(){ 
     jQuery('.youtube-player-container').removeClass('active'); 
     player.pauseVideo(); 
    }); 

    jQuery('.youtube-player-container').click(function(){ 
     jQuery('.youtube-player-container').removeClass('active'); 
     player.pauseVideo(); 
    }); 

    // load or play clip 
    jQuery('.start-yt').click(function(){ 
     jQuery('.youtube-player-container').addClass('active'); 

     if (ytGlobId == jQuery(this).attr('data-video-id')) { 
      player.playVideo(); 
     } else { 
      ytGlobId = jQuery(this).attr('data-video-id'); 
      player.loadVideoById(ytGlobId); 
     } 
    }); 

    console.log('Player Ready'); 
} 

이 은 작동합니다. 그러나 친구에게는 Windows 10과 IE11 + Edge가 있습니다. 그리고 'onReady': onPlayerReady이 거기에서 발생하지 않는 것 같습니다. console.log은 API Ready이라고 기입하고 확인시 Player Ready을 기입하지 마십시오. 콘솔에 아무런 오류가 없으며 단지 작동하지 않고 작동합니다. Browserstack에서 동일한 조합 (Windows 10 + IE11/Edge)을 확인했는데 작동하는 것처럼 보입니다.

Google에서 답변을 검색했으며 일부 사용자에게 비슷한 문제가있는 것 같지만 해결 방법을 찾을 수있는 예제를 찾지 못했습니다.

Answer 1

이 thread에 명시된 바와 같이 IFrame API에는 일시적인 문제가 있습니다. 이 link에서 읽을 수있는 iFrame Player API (2013 년 6 월에 수정 됨)에 일시적인 문제가있었습니다.

임시 수정 프로그램으로, 당신은 단지 onReady 이벤트에서 이벤트 리스너를 추가해야합니다 Youtube Iframe API not working in Internet Explorer (11)