更改 iframe 的 src答案

【问题标题】：Change the src of an iframe更改 iframe 的 src
【发布时间】：2011-12-16 06:59:30
【问题描述】：

尝试在 src 包含 youtube.com 的页面上更改/修改任何/所有 iframe 的来源，并从 src url 获取视频 ID。

这是我目前没有的。

$(document).ready(function(){
changeYoutube();
function changeYoutube()
{
    $('iframe').each(function() {

   var that = $(this);
   var href = that.attr('src');

   if(href.search('youtube.com') != -1) {      
      that.attr('href', href+'&autoplay=1');
   }

});
});

我还需要将 url 中的视频 ID 放入 var。示例网址： http://www.youtube.com/embed/hP9rBDYYFvw?fs=1&feature=oembed 其中“hP9rBDYYFvw”是该网址中的视频 ID。

谢谢

【问题讨论】：

假设页面上没有 iframe 有 id。
究竟什么是“不工作”？您是否收到 JS 错误？你试过调试吗？

标签： jquery ajax

【解决方案1】：

这是解决方案：

  <script type="text/javascript">
    function changeYoutube() {
        $('iframe').each(function () {

            var that = $(this);
            var href = that.attr('src');

            if (href.search('youtube.com') != -1) {
                that.attr('src', href + '&autoplay=1');

               // code to get id

                    var tmp = href.split("?");
                var tmp2 = tmp[0].split("/"); 
                var ID = tmp2[tmp2.length - 1];
            }

        });
    }

    $(document).ready(function () {
        changeYoutube();
    });
  </script>

首先你已经设置了 href 属性，但是你必须设置 iframe 的 src 属性。其次，您必须首先定义您在文档准备好后调用的函数，并且在您的代码中您没有关闭该函数。最好的问候。

【讨论】：

成功了。关于视频 ID 问题的第二部分有什么想法吗？
感谢您的跟进。同时我也发现了这个var videoId = href.split('/')[1].split('?')[0];，它也对我有用。

【解决方案2】：

您缺少一个右大括号}。

将最后一行 }); 替换为 }});

【讨论】：

【解决方案3】：

$(document).ready(function(){
    changeYoutube();
});

function changeYoutube() {
    $('iframe').each(function() {
       if($(this).attr('src').search('youtube.com') != -1) {
          var href = $(this).attr('src');      
          $(this).attr('src', href+'&autoplay=1');
       }
    });
}

这只是你的另一种风格。也许它有效..请尝试

【讨论】：

我会测试并报告。
成功了。关于视频 ID 问题的第二部分有什么想法吗？