1

我正在使用引导框架构建一个站点，并希望允许用户单击一个按钮，该按钮将在模态窗口内打开一个 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);
  }
4

1 回答 1

0

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

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

于 2012-10-17T17:03:26.710 回答