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正在调整大小错误的嵌入式视频的大小

回答

相关问题