javascript - 使用 YouTube API 嵌入视频会导致 404 错误

Question

我尝试使用 YouTube 的 API 在我的网站上嵌入视频(我们拥有该视频)，而不是从一开始就创建 iframe。当我提供 videoId 时，它会在视频上显示 404 错误。但是，当我创建 iframe 并使用 url 中的 ID 时，它可以正常工作并找到视频。

这是播放器创建代码:

function onYouTubeIframeAPIReady() {
        player = new YT.Player('videoPlayer', {
          height: '720',
          width: '1280',
          videoId: 'jQo4HLEwutg',
          playerVars: {'controls':0, rel: 0, 'showinfo': 0, 'modestbranding': 1, 'enablejsapi': 1, 'origin': 'https://www.mycompany.com' },
          events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
          }
        });
      }

404 是这样的，具体来说:

“网络错误:404 未找到 - https://www.youtube.com/get_video?noflv=1&video_id=jQo4HLEwutg&cpn=FnysBfLg7QmW1DiI&el=embedded&referrer&eurl=https%3A%2F%2Flocalhost%3A444%2F&fmt=134&ptk=youtube_none&splay=1”

使用标准 iframe，这有效:

<iframe id="videoFrame" src="https://www.youtube.com/embed/jQo4HLEwutg?enablejsapi=1&origin=https://www.mycompany.com&rel=0&amp;showinfo=0" frameborder="0" allowfullscreen></iframe>

为什么相同的视频 ID 在 iframe URL 中使用时有效，但在函数中用作参数时却不起作用？

(这是我第一次尝试使用 API；如果我遗漏了一些明显的东西，抱歉。)

Answer 1

已关注 https://developers.google.com/youtube/iframe_api_reference您可以设置视频以使其正常工作。我尝试使用播放器对象上的视频参数，它确实有效。尝试在您的服务器上运行您的页面。 http://jsbin.com/tazocariqu