0

我正在尝试将 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 调整为 300 像素 x 150 像素。上述代码生成的 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 函数在似乎合适的时间被调用。有什么建议吗？

4

2 回答 2

0

问题（大部分）已解决——我似乎有一些 jQuery 代码不能很好地相互配合。一旦我将包含播放器的 div 的 ID 更改为“播放器”以外的东西，事情就开始正常工作了。我不确定问题到底是什么（即罪魁祸首是谁/什么），但至少有一个简单的解决方法。

于 2013-05-19T20:09:46.523 回答
0

我只是遇到了同样的问题：错误的视频嵌入尺寸。我注意到我的媒体嵌入说“media_embed”，所以我将其更改为“播放器”，瞧，效果很好。感谢您对此的帮助，解决这个问题真是太好了！

于 2017-02-16T16:14:03.963 回答