Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何将其修改为显示2个视频?_Javascript_Jquery_Json_Vimeo - Fatal编程技术网

Javascript 如何将其修改为显示2个视频?

Javascript 如何将其修改为显示2个视频?,javascript,jquery,json,vimeo,Javascript,Jquery,Json,Vimeo,我在网上找到了这段代码,它将显示来自Vimeo帐户的最新视频 $(function() { $.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?', {format: "json"}, function(videoList) { $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/'

我在网上找到了这段代码,它将显示来自Vimeo帐户的最新视频

$(function() {
    $.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?',     {format: "json"}, function(videoList) {
        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[0].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription").innerHTML="<p><a href='" + videoList[0].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });
    });
});
$(函数(){
$.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?“,{格式:“json”},函数(videoList){
$.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/“+videoList[0].id+”&byline=false&trait=false&callback=?”,{format:“json”},
功能(视频属性){
document.getElementById(“vimeoRecent”).innerHTML=videoProperties.html
document.getElementById(“vimeoDescription”).innerHTML=“从开始。

”+videoProperties.description+”

” }); }); });
我想知道如何让它显示最近的两个视频,而不是一个。我试图向数组中添加另一项,例如[0,1],但这会破坏脚本

有人能建议我如何让这个脚本显示2个视频吗?谢谢


这里有一个不起作用的函数,只是为了更清楚地显示代码。

您需要使用
videoList[1].id为第二个元素重复第二个getJSON,并将其插入到其他
div

$(function() {
    $.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?',     {format: "json"}, function(videoList) {
        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[0].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription").innerHTML="<p><a href='" + videoList[0].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });

//get second video (insert into another div)

        $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/' + videoList[1].id + '&byline=false&portrait=false&callback=?', {format: "json"}, 
        function(videoProperties) {
            document.getElementById("vimeoRecent2").innerHTML=videoProperties.html
            document.getElementById("vimeoDescription2").innerHTML="<p><a href='" + videoList[1].url + "'>" + videoProperties.title + "</a> from <a href='" + videoProperties.author_url + "'>" + videoProperties.author_name + "</a> on <a href='http://vimeo.com'>Vimeo</a>.</p><p>" + videoProperties.description + "</p>"
        });
    });
});
$(函数(){
$.getJSON('http://vimeo.com/api/v2/VIMEO-ACCOUNT-NAME/videos.json?callback=?“,{格式:“json”},函数(videoList){
$.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/“+videoList[0].id+”&byline=false&trait=false&callback=?”,{format:“json”},
功能(视频属性){
document.getElementById(“vimeoRecent”).innerHTML=videoProperties.html
document.getElementById(“vimeoDescription”).innerHTML=“从开始。

”+videoProperties.description+”

” }); //获取第二个视频(插入另一个div) $.getJSON('http://vimeo.com/api/oembed.json?url=http%3A//vimeo.com/“+videoList[1].id+”&byline=false&trait=false&callback=?”,{format:“json”}, 功能(视频属性){ document.getElementById(“VimeRecent2”).innerHTML=videoProperties.html document.getElementById(“VimeDescription2”).innerHTML=“从开始。

”+videoProperties.description+”

” }); }); });
谢谢Izzey,但这似乎不起作用。。。只返回一个空白屏幕完美!我搞砸的是身份证。。。忘记它们只能使用一次。非常感谢。