jQuery youtube video 更新视频答案

【问题标题】：jQuery youtube video update videojQuery youtube video 更新视频
【发布时间】：2012-11-11 19:31:42
【问题描述】：

我正在尝试实时更改 youtube 视频，但我无处可去；在我的代码中，当我第一次单击“li”元素时，视频会正确加载，但如果我再次尝试单击，视频不会更新；这是我的代码：

function loadv(v)
  {
   var params = {
          allowScriptAccess: "always"
      };

      var atts = {
          id: "ytplayer1"
      };




    swfobject.embedSWF("http://www.youtube.com/v/"+v+"?rel=0&enablejsapi=1&playerapiid=ytplayer1",
                       "play", "480", "295", "9", null, null, params, atts);

  }


     $('#playlist li').click(function()
     {

           var video = $(this).attr('id');
           loadv( video );
           console.log(video); //shows the correct id

      });

还有html：

   <div id="play">You need Flash and JavaScript in order to view the video.</div>
    <div id="videoStatus">status</div>


       </br>
       <ul id="playlist">
     <li id="C0DPdy98e4c">1</li>
    <li id="zM0k99OpiXM">2</li>
    <li id="0ScsDReUTxw">3</li>
    <li id="crgB4TyzyXM">4</li>
    </ul>

【问题讨论】：

标签： javascript jquery youtube-api

【解决方案1】：

创建对象时不能更改参数。但是您可以改用 Youtube Javascript Player API。看看https://developers.google.com/youtube/js_api_reference

您想要的功能（在生成的播放器中更改视频）的参考在这里：https://developers.google.com/youtube/js_api_reference#loadVideoById

【讨论】：