如何使用jQuery从外部URL获取元标记

Question

I have seen that this question has been asked before the but the solution no longer works. I have tried myself in this Codepen Demo .

This is the error that I get : XMLHttpRequest cannot load https://vimeo.com/114166139 . No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin ' http://s.codepen.io ' is therefore not allowed access.

My findings so far seem to suggest that I need to do an ajax request to get the link but that did not work either.

var videoLink = "https://vimeo.com/114166139";

jQuery.get(videoLink, function(data) {
    jQuery(data).filter('meta[name=og:title]').attr("content");
    jQuery(".output").append(data);
});

Answer 1

This is not allowed due to CORS.

More info about CORS: https://en.wikipedia.org/wiki/Cross-origin_resource_sharing