为什么 youtube 视频没有使用 Jquery 在 iframe 中加载？答案

【问题标题】：Why youtube video is not loading inside iframe using Jquery?为什么 youtube 视频没有使用 Jquery 在 iframe 中加载？
【发布时间】：2014-05-10 10:09:50
【问题描述】：

我正在尝试从链接获取 Json 数据，并且我正在获取所有数据，但 youtube 链接未在 iframe 中加载。我在哪里犯了错误？请帮忙。

  $.each(data,function(index,item){
    content +='<div class="userdata">';
    content +='<div class="username">'+item.bloopid+'</div>';
    content +='<div class="username">'+item.bombscount+'</div>';
    content +='<div class="userurl">'+item.keywords+'</div>';
      content +='<iframe class="usevideourl" src="'+item.videourl+'"></iframe>';
     content += '<img src="'+item.thumb+'" class="userimage"></img>';
    content +='</div>';
  })

;

【问题讨论】：

标签： javascript jquery html iframe youtube

【解决方案1】：

将 iframe url 更改为嵌入视频。 http://jsfiddle.net/f7cRj/4/

$.each(data,function(index,item){
  content +='<div class="userdata">';
  content +='<div class="username">'+item.bloopid+'</div>';
  content +='<div class="username">'+item.bombscount+'</div>';
  content +='<div class="userurl">'+item.keywords+'</div>';
  content +='<iframe class="usevideourl" src="'+item.videourl.replace('watch?v=','embed/')+'"></iframe>';
  content += '<img src="'+item.thumb+'" class="userimage"></img>';
  content +='</div>';
});

【讨论】：

没问题。很高兴我能帮上忙。

【解决方案2】：

你可以重构源代码：

var src = item.videourl.replace("/watch?v=","/embed/");

--DEMO--

【讨论】：