如何通过javascript强制链接到嵌入式播放器

我正试图弄清楚我必须做些什么才能使这些链接（流）进入我的嵌入式iframe播放器。我知道链接必须是这样的（twitch.tv/widgets/live_embed_player.swf？channel=destructoid）才能在播放器中工作？ 谢谢你抽出时间

当前Html：

<iframe id="player" name="frame1" type="text/html" width="100" height="100" src="" frameborder="1"></iframe>
<div id="content" class="panel panel-default"></div> 
<div id="list">
    <ul name="ul1">
        <li class="li 1"></li>
    </ul>
</div>

当前JS：

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

    $.each(data.streams, function (index, item) {
        temp = temp + "<div id='list' ><li class='li 1'></li><a href=" + item._links.self + "<div id='content1' >" + item.channel.display_name + " </div></div></a>";
    });
    $("#content").html(temp);
});

$.getJSON（“https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=20&type=suggest&callback=?，函数（数据）{
var temp=“”；
$.each（data.streams，函数（索引，项）{
温度=温度+“
”；
});
$（“#内容”）.html（临时）；
});

---

这里有一个指向api本身的链接，但由于不熟悉，我很难理解它。（

你是说：

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        console.log(item);
        temp = temp + "<div id='list' ><li class='li 1'></li><a href='" + item.channel.url + ".swf' class='vdos'><div id='content1' >" + item.channel.display_name + " </div></div></a>";
    });
    $("#content").html(temp);
});
$(document).on('click', 'a.vdos', function(evt) {
    evt.preventDefault();
    var url = $(this).attr("href");
    alert(url);
    $("iframe#player").attr("src", url);
});

$.getJSON（“https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?，函数（数据）{
var temp=“”；
$.each（data.streams，函数（索引，项）{
控制台日志（项目）；
温度=温度+“
”；
});
$（“#内容”）.html（临时）；
});
$（文档）.on（'click'，'a.vdos'，函数（evt）{
evt.preventDefault（）；
var url=$（this.attr（“href”）；
警报（url）；
$（“iframe#player”）.attr（“src”，url）；
});

---

更新了

您有2个选项。您可以使用锚链接的

target

属性，但请注意，尽管target属性是不推荐使用的

HTML:

JavaScript:

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<li><a target='frame1' href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'>" + item.channel.display_name + "</a></li>";
    });
    $("#list ul").html(temp);
});

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<li><a href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'><div id='content1' >" + item.channel.display_name + " </div></a></li>";
    });
    $("#list ul").html(temp);
});

$("#content").on('click', 'a', function(e) {
    e.preventDefault();
    $("#player").attr('src', this.href);
});

$.getJSON（“https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?，函数（数据）{
var temp=“”；
$.each（data.streams，函数（索引，项）{
温度=温度+“
”；
});
$（“#list ul”）.html（temp）；
});

或者使用jQuery，这被广泛认为是正确的方法：

JavaScript:

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<li><a target='frame1' href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'>" + item.channel.display_name + "</a></li>";
    });
    $("#list ul").html(temp);
});

$.getJSON("https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?", function (data) {
    var temp = "";

    $.each(data.streams, function (index, item) {
        temp = temp + "<li><a href='http://www.twitch.tv/widgets/live_embed_player.swf?channel=" + item.channel.name + "'><div id='content1' >" + item.channel.display_name + " </div></a></li>";
    });
    $("#list ul").html(temp);
});

$("#content").on('click', 'a', function(e) {
    e.preventDefault();
    $("#player").attr('src', this.href);
});

$.getJSON（“https://api.twitch.tv/kraken/search/streams?q=League%20of%20Legends&limit=5&&type=suggest&callback=?，函数（数据）{
var temp=“”；
$.each（data.streams，函数（索引，项）{
温度=温度+“
”；
});
$（“#list ul”）.html（temp）；
});
$（“#内容”）。在（'click'，'a'，函数（e）{
e、 预防默认值（）；
$（“#player”）.attr（'src'，this.href）；
});

---

你的意思是说？非常感谢，这就成功了！