JQuery $ .ajax-функция - загрузка IFrame Vimeo видео

Question

Эй, ребята, я пытался изменить содержание следующим образом:

$("ul#nav li a").click(function(){ 
    var href = $(this).attr("id"); //getID in a String 

    getContent(href); 

    $("ul#nav li a").removeClass("active"); //Active 
    var select = $("#" + href); 
    select.addClass("active"); 
}); 

//getContent --- URL aufrufen 
function getContent(href) { 
    $.ajax({ 
     type : "GET", 
     //url: href + ".html", 
     //url : "http://localhost/ProVid/" + href + ".html", 
     url: "http://webuser.hs-furtwangen.de/~lieneman/pages/" + href + ".html", 
     //url: "http://webuser.hs-furtwangen.de/~lieneman/pages/vorstellung.html", 
     dataType : "html", 

     beforeSend : function(xhr) { 
      xhr.overrideMimeType("text/html; charset=ISO-8859-1"); 
     }, 
     success : parseHTML, 
     error : function(xhr, ajaxOptions, thrownError) { 
      alert(xhr.status); 
      $('#content').html("<h3 style='text-align: center;'>Es ist ein Fehler aufgetreten</h3>"); 
     } 
    }); 
} 

function parseHTML(html) { 
    content = $(html).filter("#content").text(); 
    titel = $(html).filter("#title").text(); 
    video = $(html).filter("#video").text(); 

    $("#content").html(content); 
    $("#title").html(titel); 
    $("#video").html(video); 
} 

Это только работает для нормального содержания HTML. Но я хочу загрузить видео vimeo (iFrame).

Der Nachbereitungs-Baustein

Answer 1

Проверьте вашу консоль, видите ли вы что-нибудь вдоль линий:

Отказался, чтобы отобразить 'http://vimeo.com' в кадре потому что он установил «X-Frame-Options» в «SAMEORIGIN».

Vimeo активно пытаются предотвратить их сайт от отображаться в IFRAME, добавив этот заголовок для всех своих ответов https://developer.mozilla.org/en-US/docs/HTTP/X-Frame-Options

EDIT: я вижу, что их стандартный код для вставки использует IFRAME, для которые, очевидно, не применяют это ограничение, поэтому, если это то, что вы используете, это не будет причиной вашей проблемы.