在模态窗口中打开 YouTube Player API答案

【问题标题】：Opening YouTube Player API in Modal Window在模态窗口中打开 YouTube Player API
【发布时间】：2012-10-17 15:30:06
【问题描述】：

我正在使用引导框架构建一个网站，并希望允许用户单击一个按钮，该按钮将在模态窗口内打开一个 youtube 视频。我希望模态窗口中的播放器成为使用 youtube 播放器 api 的无铬播放器，我将创建自己的所有按钮，例如播放、暂停、停止等。使用此代码，我可以打开模态窗口并播放一次正确的视频，但是在关闭窗口并单击另一个链接以在模态窗口中打开不同的视频后，每次都会加载第一个视频。如何让它打开并加载不同的视频？

  <a class="btn btn-small btn-inverse" onClick="openPlayerLoadVideo('bR2bMFwU6sI');">Demo Video</a>
  <a class="btn btn-small btn-inverse" onClick="openPlayerLoadVideo('KqX-4aRC0K4');">Demo Video</a>

  function openPlayerLoadVideo(videoCode) {
    $('#demo_viewer').modal({show:true});
    var videoID = videoCode; 
    var params = { allowScriptAccess: "always" };
    var atts = { id: "ytPlayer" };
    swfobject.embedSWF("http://www.youtube.com/v/" + videoID + "?version=3&enablejsapi=1&playerapiid=ytplayer", 
                       "videoDiv", "590", "400", "9", null, null, params, atts);
  }

【问题讨论】：

标签： java youtube window youtube-api modal-dialog

【解决方案1】：

看起来可能是缓存问题。尝试使用 YouTube iframe embed，这也是嵌入视频的首选方式。这是关于它的博客文章。 http://apiblog.youtube.com/2010/07/new-way-to-embed-youtube-videos.html

您可以像现在一样继续构建 url，也可以尝试使用 api 中详述的loadVideoById。 https://developers.google.com/youtube/iframe_api_reference

【讨论】：