Fancybox Rückkehr “ Der angeforderte Inhalt kann nicht geladen werden. Bitte versuchen Sie es später erneut."

Mit Fancybox zu spielen Sie youtube-videos in einer modal box.

Mein Problem ist, dass ich immer "Die angeforderte Inhalt kann nicht geladen werden. Bitte versuchen Sie es später erneut."

Den modal-box auftauchen wird, so weiß ich das Skript ausgeführt wird, es könnte ein problem mit meinem API-Aufruf... hier mein Aufruf:

<script type="text/javascript">
$(document).ready(function() {

            /* This is basic - uses default settings */

            $("a.fancybox").fancybox({
                'hideOnContentClick': true
            });

            /* This is a non-obtrustive method for youtube videos*/

            $("a[rel=fancyvideo]").fancybox({
                overlayShow: true,
                frameWidth:640,
                frameHeight:360,
            });
        });
</script>
InformationsquelleAutor Brian | 2011-02-09
  1. 7

    Haben Sie <a>s mit beiden class="fancybox" und ? Wenn Sie tun, dann werden Sie verbindlich Fancybox auf die Elemente doppelt und Fancybox vielleicht nicht so. Versuchen Sie dieses:

    $("a.fancybox").fancybox({
    'hideOnContentClick': true
});

    Und sehen, was passiert nur mit dem zweiten Platz.

    UPDATE: Seltsam. Die demo - (http://chadly.net/demos/video-lightbox.html) ist die Herstellung von verschiedenen HTML als Ihre Seite, wird die demo baut einen <object data=...> aber Sie baut eine <object><embed src="youtube-url"> Sache. Du sagst:

    type: 'swf'

    in Ihrem Fancybox-Bindung, das ist, wo die <object><embed>...</embed></object> Zeug herkommt. Jedoch, die href Punkte auf eine einfache alte YouTube-Videos anzeigen der HTML-Seite und das href endet die src Attribut für die <embed>. Die URL für die Einbettung von YouTube-video ist nicht gleich video ist, HTML-Seite und das ist wahrscheinlich die Ursache des Problems.

    Versuchen, anstelle der href sieht wie folgt aus:

    http://www.youtube.com/watch?v=QmVvgSfdmJQ

    mit einer wie dieser:

    http://www.youtube.com/embed/QmVvgSfdmJQ

    Die erste ist die Reine HTML-Seite für YouTube, das zweite ist der eingebettete SWF.

    UPDATE 2: das Beispiel, Das Sie gerade arbeiten, ist für die Fancybox 1.0.0 aber du bist mit 1.3.4, 1.0.0 hat einige spezielle Prüfungen für YouTube, die sind nicht vorhanden in späteren Versionen:

    //...
} else if (url.match(/youtube\.com\/watch/i)) {
//...

    Dass die von 1.0.0 und der code nach, dass else if schreibt die HTML-Seite URL (z.B. http://www.youtube.com/watch?v=QmVvgSfdmJQ) zu den älteren eingebetteten SWF-URL (z.B. http://www.youtube.com/v/QmVvgSfdmJQ). Diese version problem erklärt auch, warum die demo mit der Herstellung von verschiedenen HTML als Ihr.

    So, Sie haben einige version Probleme oben auf alles andere.

    • Gute Entscheidung, leider habe ich das schon versucht. Kein Würfel. Ich bin nicht mit der gleichen Klasse auf die rel zu youtube-video. Auch entfernt die erste Fancybox aufrufen und es ändert sich nichts. Sie können sehen auf der site hier: anasmadance.com.s66112.gridserver.com/about/repertoire ... klicken Sie auf die erste große Titel-div, um es zu erweitern, und suchen Sie dann nach "watch the video"
    • Ich warf ein wenig herum und fügte hinzu, ein update, das können (oder dürfen nicht) von nutzen sein.
    • Sie hatten Recht... du mich gerettet, Kumpel! 😀
    • Aber warten Sie! Es gibt noch mehr Spaß und version Probleme zu Booten. Check mein zweiten update, wenn du neugierig bist, kein Wunder, es war Verwirrung.
    InformationsquelleAutor mu is too short
  2. 2

    Prüfen Sie, ob Sie die jquery.fancybox-media.js

    <script type="text/javascript" src="jquery.fancybox-media.js?v=1.0.0"></script>
    InformationsquelleAutor Kamika
  3. 1

    Sieht aus wie Ihr code möglicherweise etwas off

    <script type="text/javascript">
    $(document).ready(function() {
        $("a[@rel*=fancyvideo]").fancybox({
            overlayShow: true,
            frameWidth:640,
            frameHeight:360
        });
    });
</script>

    http://chadly.net/post/2009/01/29/Lightbox-for-YouTube-Videos.aspx

    • Leider Nein, der Autor dies geschrieben, bevor jQuery 1.3.2 und so der code in seinem post falsch ist. Vor der Aktualisierung ist es, den code überhaupt nicht arbeiten, danach hab ich die modal box angezeigt, aber keine Videos.
    InformationsquelleAutor Nick
  4. 1

    verwenden Sie dieses Beispiel, vergessen Sie nicht href

    <a class="fancybox" href="your path for image or other">
  <img src="imagepath">
</a>
    InformationsquelleAutor kovarov
Schreibe einen Kommentar