Question

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

Answer 1

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

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

在模态窗口中打开YouTube Player API

1 个答案: