YouTube iframe api正在調整大小錯誤的嵌入式視頻的大小

我試圖將YouTube視頻嵌入到我網站的某個網頁中。我使用的是完全相同的https://developers.google.com/youtube/iframe_api_reference指定的代碼：YouTube iframe api正在調整大小錯誤的嵌入式視頻的大小

<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>

這成功地嵌入在我的網頁視頻播放器，在適當的位置。但是，它添加了一些樣式參數，將包含播放器的iframe的大小調整爲300px×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函數正在調用，似乎是合適的時間。有什麼建議嗎？

來源

2013-05-18 Jim Miller

問題（主要）解決了 - 我似乎有一些jQuery代碼不能很好地相互發揮作用。一旦我將包含玩家的div的ID改爲「player」以外的東西，事情就開始正常工作。我不確定問題究竟是什麼（即誰是罪魁禍首），但至少有一個微不足道的解決方法。

來源

2013-05-19 20:09:46

我只是有同樣的問題：錯誤的視頻嵌入大小。我注意到我的媒體嵌入了「media_embed」，所以我將它改爲「播放器」，並說它非常好用。感謝您的幫助，解決這個問題真是太棒了！

來源

2017-02-16 16:14:03

耶！（現在我再添加10個角色，讓它開心。） –

YouTube iframe api正在調整大小錯誤的嵌入式視頻的大小

回答

相關問題