Javascript 如何使用此api提取视频流而不是图片？

我对这一点很陌生，非常感谢您的帮助，谢谢

指向jsfiddle的链接 链接到api

下面是javascript：

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=all&limit=3&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<div class='panel-heading'><h3 class='panel-title'></h3><div id='content1'>" + item.channel.display_name + "</div><div id='content2'>" + item.viewers + "</div></div><div class='panel-body'><div id='content3'><img src='" + item.preview.medium + "'/></div></div>";
    });
    $("#content").html(temp);
});

$.getJSON（“https://api.twitch.tv/kraken/search/streams?q=all&limit=3&type=suggest&callback=?，函数（数据）{
var temp=“”；
$.each（data.streams，函数（索引，项）{
temp=temp+“”+item.channel.display_name+“”+item.viewers+“”；
});
$（“#内容”）.html（临时）；
});

这是我到目前为止得到的html：

<div id="content" class="panel panel-default"></div>

---

只需根据其文档将流馈送到嵌入式对象中即可

---

阅读：

这是一个你想要的例子，我也在网站上添加了搜索功能

jsfiddle-

希望这有帮助

这也是您需要的对象

var obj = "<object style=opacity:1; type=application/x-shockwave-flash" + " height=378 width=620 id=live_embed_player_flash bgcolor=#000000" + " data=http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + ">" + "<param name=allowFullScreen value=true /><param name=allowScriptAccess value=always />" + "<param name=allowNetworking value=all />" + "<param name=movie value=http://www.twitch.tv/widgets/live_embed_player.swf />" + "<param name=flashvars value=hostname=www.twitch.tv&channel=" + item.channel.name + "&auto_play=true&start_volume=25 />" + "</object>";

var obj=“”+”+“+”+”+”；

---

所有这些都在fiddle示例awell中，我可以通过一个静态链接来实现，我试图让api在列表中填充流，然后单击后将它们输入嵌入式播放器。有什么想法吗？这是我目前拥有的，我如何修改它以使其与嵌入式播放器一起工作？StackOverflow的存在是为了帮助人们解决编程问题，而不是教他们如何编程。这方面已经有很多资源了。