如何在使用Youtube API Key进行搜索时解决错误403()?

时间:2017-04-16 14:05:28

标签: javascript youtube-data-api

在我的代码中使用API​​密钥但我在搜索和页面加载时遇到这些错误..... Screenshoot of inspect console

Error geting when click on error link 403()

这是我的代码



var gapikey = 'MYKEY';


$(function() {
    
    // call fancybox pluggin
    $(".fancyboxIframe").fancybox({
        maxWidth    : 900,
        maxHeight    : 600,
        fitToView    : false,
        width        : '90%',
        height        : '90%',
        autoSize    : false,
        closeClick    : false,
        openEffect    : 'none',
        closeEffect    : 'none',
        iframe: {
            scrolling : 'auto',
            preload   : true
        }
    });
    
    $('#search-form').submit( function(e) {
        e.preventDefault();
    });
});

function searchYoutube() {
    // clear 
    $('#results').html('<i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i><span class="sr-only">Loading...</span>');
    $('#buttons').html('');
    
    // get form input
    q = $('#search').val();  // this probably shouldn't be created as a global
    
    // run get request on API
    $.get(
        "https://www.googleapis.com/youtube/v3/search", {
            part: 'snippet, id',
            q: q,
            type: 'video',
            key: gapikey
        }, function(data) {
            var nextPageToken = data.nextPageToken;
            var prevPageToken = data.prevPageToken;
            
            // Log data
            console.log(data);
            $('#results').html('');
            $.each(data.items, function(i, item) {
                
                // Get Output
                var output = getOutput(item);
                
                // display results
                $('#results').append(output);
            });
            
            var buttons = getButtons(prevPageToken, nextPageToken);
            
            // Display buttons
            $('#buttons').append(buttons);
        });
}
&#13;
&#13;
&#13;

我很困惑,无法解决问题。你可以吗?我创建了我的搜索引擎,但由于这个原因,我的引擎无法获得所需的结果。

1 个答案:

答案 0 :(得分:2)

您需要指定一个允许访问Google Api的引荐来源。此引荐来源设置为http://console.developers.google.com,并且必须等于执行请求的网站。因此,您需要更改引荐来源,或者需要更改服务器域。

最简单的方法是将refferrer设置为* wich表示 all