video - YouTube iframe API正在使用错误的大小调整我的嵌入式视频的大小

Question

我正在尝试将YouTube视频嵌入到我网站上的页面中。我完全使用https://developers.google.com/youtube/iframe_api_reference中指定的代码:

<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 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更改为“播放器”以外的其他名称，一切就开始正常工作。我不确定真正的问题是什么(即罪魁祸首是谁/什么)，但是至少有一个微不足道的解决方法。