Question

我正在尝试从链接中获取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>';
  })

Answer 1

将iframe网址更改为嵌入视频。 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>';
});

Answer 2

您可以重建来源：

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

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

2 个答案:

--DEMO--