Response for JSONp request to youtube oembed call giving "invalid label" error

Question

I am making a JSONp call to youtube using oembed and on response firebug gives "invalid label" error

Here is my code

site = "www.youtube.com";
url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("http://"+site+"/oembed?callback=?",{"format":"json","url":url},function(data){
    alert("hello:\n"+data);
    alert(data.provider_url);
});

Anyone ran into similar problem with oembed jsonp requests?

The url http://www.youtube.com/oembed?callback=jsonp1282594404887&_=1282594622137&format=json&url=http://www.youtube.com/watch%3Fv%3DslORb622ZI8 doesn't return JSON with padding, it just returns JSON. Are you sure the oEmbed API supports JSONP? — Andy E, Aug 23 '10 at 20:23
i believe the problem is that, the youtube.com/oembed?.... returns only json and it doesnot include the part where a function should be called on jsonp return. Is there a solution where the response is treated as text and not json? If i use dataType in jquery.ajax() to be xml or text, the request fails as ajax request cannot be made to an external domain — Dhwanit, Aug 23 '10 at 21:53

rsp · Answer 1 · 2015-08-25T08:17:16.847

Problem

YouTube API doesn't support JSONP - see:

Issue 4329: oEmbed callback for JSONP.

Solution

There is no need for a server-side proxy and no API keys are required.

Instead of:

var url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("http://www.youtube.com/oembed?callback=?",
    {"format": "json", "url": url}, function (data) {
    alert("hello:\n"+data);
    alert(data.provider_url);
});

Try this, using the Noembed service:

var url = "http://www.youtube.com/watch?v=slORb622ZI8";

$.getJSON("https://noembed.com/embed?callback=?",
    {"format": "json", "url": url}, function (data) {
    alert("hello:\n" + data);
    alert(data.provider_url);
});

As a bonus this will also work with Vimeo links when you change url to:

var url = "https://vimeo.com/45196609";

and many other supported sites.

Demo

See DEMO on JS Fiddle.

Response for JSONp request to youtube oembed call giving "invalid label" error

2 Answers2

Problem

Solution

Demo

See also

Linked