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

修改：我看到他们的标准嵌入代码使用了iframe，他们显然没有应用这个限制，所以如果你正在使用它，那么这不会是你问题的原因。

jQuery $ .ajax-Function - 加载iframe vimeo视频

1 个答案: