Question

내 사이트의 페이지에 YouTube 동영상을 퍼가려고합니다. 적절한 장소에서,이 성공적으로 내 페이지에 비디오 플레이어를 내장

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

    var player; 
    function onYouTubeIframeAPIReady() { 
    player = new YT.Player('player', { 
     height: '940', 
     width: '528', 
     videoId: 'the_embed_code' 
    }); 
    } 
</script> 

: 나는 정확히 https://developers.google.com/youtube/iframe_api_reference에 지정된 코드를 사용하고 있습니다. 그러나 플레이어에 포함 된 iframe 크기를 300px x 150px로 조정하는 스타일 매개 변수가 추가되었습니다. 위 코드에서 생성 된 iframe은 다음과 같습니다.

<iframe id="player" class="vjs-paused" width="940" height="528" 
    style="width: 300px; height: 150px;" frameborder="0" 
    allowfullscreen="1" title="YouTube video player" 
    src="http://www.youtube.com/embed/the_embed_code?enablejsapi=1&amp;origin=http%3A%2F%2Fmy.domain.com"> 
</iframe> 

어디에서 매개 변수를 가져올 수 있는지 알지 못합니다. (Mac) Chrome, Safari, Firefox 및 iPad Safari 및 Chrome에서도 일관되게 발생합니다. onYouTubeIframeAPIReady 함수가 적절한 시간 인 것처럼 보이는 시점에 호출됩니다. 거기에 어떤 제안?

Answer 1

문제 (대부분) 해결 - 서로 완벽하게 잘 돌아 가지 않는 jQuery 코드가있는 것 같습니다. 플레이어를 포함하는 div의 ID를 'player'가 아닌 다른 것으로 변경하면 모든 것이 제대로 작동하기 시작합니다. 문제가 실제로 무엇인지 (즉, 누가/누가 범인인지)는 모르겠지만, 최소한 사소한 해결 방법이 있습니다.

Answer 2

방금 ​​같은 문제가 발생했습니다. 동영상 삽입 크기가 잘못되었습니다. 내 미디어 삽입물이 "media_embed"라고 말했어 "player"로 바꿨다. 이 문제에 도움을 주셔서 감사합니다.