This site is also available in english!
Fancybox Plus ist ein WordPress-Plugin das die Funktionalitäten von Fancybox in WordPress integriert und gleichzeitig alle Image-Links abändert, dass diese mit TopUp geöffnet werden. Weiter können Videos mit TopUp angezeigt werden. Unterstützt werden derzeit YouTube, Vimeo und Blip.tv
Installation
- Das Verzeichnis fancybox-plus in das WordPress-Plugin-Verzeichnis unter “/wp-content/” kopieren
- Das Plugin im Plugin-Menü aktivieren
- Das wars!
Bilder einbinden
- Ein Bild deiner Wahl – wie du es von WordPress gewohnt bist – in deinen Beitrag einfügen
- Erstelle einen Link von dem Bild auf eine grössere Version des Bildes
- Den Rest macht Fancybox-Plus automatisch
Videos einbinden
- Den neuen Button “Video einbinden” klicken
- In dem neuen Popup das gewünschte Video Portal aussuchen (im Moment YouTube, Blip.tv und Vimeo)
- Die Video ID des Videos eingeben (wie diese ermittelt wird, ist im nächsten Punkt zu lesen)
- Auswählen ob ein Linktext unter dem Video erscheinen soll und ggfs. den Linktext eingeben
- Insert anklicken
Ermitteln der Video ID Der hervorgehobene Teil ist die Video-ID
- YouTube: http://de.youtube.com/watch?v=DYgZOY2g27w
- Vimeo: http://www.vimeo.com/1573042
- Blip.TV: http://blip.tv/file/3588970
Beispiele
FAQ
Bilder werden nicht im Fancybox Overlay angezeigt?
In deinem Theme fehlt der <?php wp_head(); ?> Hook. Bitte füge es hinzu.
Ich habe Bilder in meinen Text eingefügt, aber diese können nicht angeklickt werden und vergrössern sich auch nicht.
Fancybox sowie das Plugin funktionieren nur, wenn auf ein weiteres Bild verlinkst. Verlinke das anzuzeigene Bild auf sich selbst oder eine grössere Version.
Gibt es Fancybox auch für Prototype?
Klar! Es gibt Lightview Plus. Es hat die gleichen Funktionen wie Fancybox Plus.
Fancybox funktioniert, aber im Browser xy auf Betriebssystem yz nicht. / Wie ändere ich die Anzeige von Fancybox?
Da ich nicht das Javascript geschrieben habe, fragt bitte im Forum des Autors von Fancybox.
Download
Unter wordpress.org ist die aktuelle Version zu finden.
Aktuelle Version
Aktuell ist Version 1.0. In dieser werden Videos der Portale YouTube, Vimeo und Blip.tv unterstützt.
Übersetzung
Jeder, der zu der Übersetzung beitragen möchte, ist herzlich dazu eingeladen mir die Language Packs zuzumailen. Bis jetzt sind folgende vorhanden:
- Deutsch – von mir selbst
Spenden
Wenn du dieses Plugin nützlich findest oder du Support möchtest, dann sei so frei hierfür zu spenden. TopUp Plus hat sehr viele Stunden an Zeit für die Entwicklung verschlungen. Falls du das Plugin nützlich findest, dann kannst du die Entwicklung mit einer kleinen Spende unterstützen. Dies ist ein Anreiz für mich, die Entwicklung aufrecht zu erhalten, unzählige Stunden für den Support aufzubringen und viele Verbesserungsvorschläge in das Plugin fließen zu lassen. Falls du keine Idee hast, wieviel zu Spenden sollst, dann kannst du dich an der Durchschnittspende von €8 orientieren. Aber jeder andere Betrag wird Dankbar angenommen. Aber zur Info: PayPal behält pro Spende ca. €0,50 ein. Also jede Spende unter €1 ist eine reine Spende an PayPal 
Aber ich habe auch eine Amazon Wunschliste aus der man mir Geschenke machen darf!
42 Kommentare
surendra sagt:
21. Jun 2011
thank you so very much …………you saved my day………….thank you
.
thorsten sagt:
21. Jun 2011
You are welcome!
tarundeology sagt:
7. Jul 2011
thanks for your great plugin. it just save my day!
I try to custom my theme, so in the homepage i can put an image where when click, it will show in fancy box. The plugin works well in the post, but i can’t figure how to put it manually. I’m thinking about adding some thing like “rel=”fancybox” in the link tag but it didn’t worked. :’(
thorsten sagt:
7. Jul 2011
You have to add class=”fancyboxgroup” to get it outside the Content Part!
clouder sagt:
24. Jul 2011
Plugin generates this: atal error: Allowed memory size of 33554432 bytes exhausted (tried to allocate 122880 bytes)
thorsten sagt:
25. Jul 2011
WordPress 3.2 uses more memory than before. Contact your administrator to get more memory for php!
tarundeology sagt:
25. Jul 2011
It works!! thanks a bunch!!
Tom sagt:
26. Jul 2011
Nice job on this plugin!
Question: I’m using it to display a YouTube video on a page, and the plugin appears to be showing a thumbnail image with a generic white “play” button overlay. Unfortunately this particular thumbnail image isn’t very appealing. Is it possible to modify this image? Using your debug option I was able to see where the thumbnail is stored (on “http://i.ytimg.com”), but I’m not sure how the plugin is generating it, how it’s pulling it into the page, where the “play” button is being inserted, etc. Can I create and upload an alternate thumbnail, and then somehow tell the plugin to use *it* instead?
thorsten sagt:
27. Jul 2011
Hi Tom,
I get the thumbnail direct from youtube (ytimg.com is the youtube image server), due to an api call. I will see what I can do in one of the next releases, to extend the shortcode of my plugin, that a user can add own images as preview images for the videos.
Tom sagt:
27. Jul 2011
Thanks Thorsten. I also found out that video owners can change the thumbnail image from within Youtube’ settings, so that’s good.
As for the white triangular “play button” that the plugin inserts… That’s really where a few options / customization abilities would come in handy. The button looks good on video preview thumbnails that are in the 500-700px wide range, but since it only comes in one size (approx 55x55px) – it blocks a large portion of the thumbnail image when the video preview is set at smaller sizes. For instance, I’ve inserted a 100px wide video preview into some body copy. It expands to 900px when the video is played, but until the user does that it’s impossible for them to see the video thumbnail image because it’s covered up by the overlay graphic.
I’m not suggesting the button image be scalable, but perhaps if you offered a few different sizes of it so the user could choose one that works best for their video preview size? Two other ideas: an option to use a custom text overlay, and an option to not have an overlay at all.
Hope that helps!
thorsten sagt:
28. Jul 2011
Tom, that’s a good point. But I have good news for you. In the plugin directory, there is an subfolder, called css. In there, you can edit the style.css file, to change the appearance of this play button (but after an update all your changes are overwritten). Or you create a new class called plus_playbutton in your on css with !important flag.
Is this OK for you?
Tom sagt:
28. Jul 2011
Oh wow – I didn’t even think about that. I’ll definitely open that up and play around with it.
As for the updating issue… We’re using a “child theme” to store other css / design customizations in order to retain them when updating the parent theme. Do you know if there’s a similar approach for plugins?
thorsten sagt:
29. Jul 2011
I don’t think, that it so simple with plugins like with child themes. But I will have a look on it or will insert my own solution!
Tom sagt:
29. Jul 2011
Sounds good – “danke” again
Sebastian sagt:
13. Aug 2011
Hi Thorsten,
danke für das Plugin, es ist wirklich das schickste!
Wir haben auf unserer Seite seit gestern das große Problem, dass einfach etwa 20% der Filme im Videoarchiv von heut auf morgen nicht mehr angezeigt werden. Auf youtube sind alle noch ohne Einstellungsänderung vorhanden und einbetten ist erlaubt.
Was kann da passiert sein? Hoffen sehr dass Du Ideen hast.
thorsten sagt:
13. Aug 2011
Hi Sebastian,
ich habe mir gerade mal deine Seite anschaut (nebenbei: schaut gut aus). Hier ein Erklärungsansatz.
Fancybox Plus fragt über die Google API anhand der von dir eingegebenen Video ID ab, ob das YT überhaupt existiert und welches Thumbnail zur Verfügung steht. Das Ergebnis wird für 24 Stunden gecached, um die API Anfragen zu reduzieren und deine Seite schneller zu laden. Sollte aus irgendeinem Grund die Anfrage fehl schlagen, ist für 24 Stunden das Video nicht zu sehen auf deiner Seite. Erst dann wird wieder versucht, die API abzufragen.
Es gibt mehrere Möglichkeiten, was hier nicht funktioniert.
1.) Euer Provider hat die Möglichkeit ausgeschaltet, externe Seiten abzufragen
2.) YouTube API war in diesem Moment der Abfrage nicht verfügbar
3.) Eure Videos wurden als privat markiert (oder sind nicht mehr verfügbar). Daher ist kein Abruf möglich
Um den Cache zu leeren, reicht es, wenn du das Plugin de- und dann wieder aktivierst. In der aktuellen Version sollte dadurch der Cache geleert werden. Oder du fügst ein nicht funktionierendes Video in einem neuen Post ein und schaust, ob es da läuft. Wenn ja, dann betrachte das als Schluckauf und die Videos werden nach Cache-Löschung oder 24 Stunden Wartefrist wieder verfügbar sein.
Sollte das nicht helfen, dann mal schauen, ob die Videos als privat markiert wurden. Dann sind diese evtl. noch direkt über YouTube sichtbar, können aber nicht mehr eingebunden werden in externe Seiten.
Egal was, melde dich bitte, ob irgendetwas geholfen hat.
추천 테마 Bugis | Lindsey@BLOG sagt:
13. Aug 2011
[...] Fancybox Plus Lightbox랑 비슷한 녀석 [...]
Sebastian sagt:
13. Aug 2011
Hallo Thorsten,
.
danke für das Lob und die schnelle Antwort
“Es gibt mehrere Möglichkeiten, was hier nicht funktioniert.
1.) Euer Provider hat die Möglichkeit ausgeschaltet, externe Seiten abzufragen”
Werd ich mal in Erfahrung bringen, müssten dann aber nicht alle Videos weg sein? Im Moment fehlen ja nur auf einmal (scheinbar wahllos aber immer die gleichen) etwa 20% der eingebetteten Filme.
“2.) YouTube API war in diesem Moment der Abfrage nicht verfügbar”
Danke für den Tipp mit dem de- und reaktivieren, leider hat das noch nicht geholfen.
“3.) Eure Videos wurden als privat markiert (oder sind nicht mehr verfügbar). Daher ist kein Abruf möglich”
Das dachten wir zuerst auch, leider ist das nicht der Fall, weil anhand eines selbsthochgeladenen Videos aus dem eigenen Channel ebenfalls zu sehen ist, dass dieses nicht mehr eingebettet wird.
Die Einstellungen sind dort nicht geändert worden und auch noch richtig soweit.
Gäbe es noch andere Ansätze dahinter zu kommen? Hatten gestern kurzfristig die Hoffnung dass Youtube etwas umgestellt hat für einige Server, aber das wär vermutlich bis heut wieder weg gewesen.
Danke für deine Hilfe!
Sebastian sagt:
13. Aug 2011
Noch ein Nachtrag: Auf einmal funktionieren wieder 10% wieder. Das besagte von uns hochgeladene Video funktioniert neben einigen anderen trotz richtigen Einstellungen bei Youtube immernoch nicht. Seltsamer Fehler..Vielleicht liegt es doch an Umstellungen bei Youtube. Wenn die restlichen 10% wieder gehen sollten ohne Zutun, meld ich das hier nochmal.
Sebastian sagt:
15. Aug 2011
Entwarnung! Es funktioniert wieder alles
.
Es sollte tatsächlich an Youtube gelegen haben.
Das Plugin funktioniert super und der Support offensichtlich auch. Vielen Dank nochmal und weiter so!
thorsten sagt:
15. Aug 2011
Freut mich doch zu hören. Ich muss mir mal was einfallen lassen, wenn die YouTube API spinnt.
PS: Danke für die Blumen!
Steffen Schumacher sagt:
16. Aug 2011
Hi!
Ist es möglich, das Vorschaubild eines Videos zu deaktivieren und lediglich den Link-Tag mit einer css-Angabe zu schmücken, um dieses in Fancybox zu laden?
Ansonsten habe ich noch einen Schreibfehler im Backend gefunden: Der Titel der Options-Page lautet “Fanybox…”.
thorsten sagt:
18. Aug 2011
Es ist nicht möglich, nur einen Link-Text auf ein Video zu erstellen. Habe es aber mal in meine TODO Liste genommen.
Und der Schreibfehler wird mit der nächsten Version dann auch behoben sein.
tarundeology sagt:
9. Sep 2011
Hi Thorsten. I’ve been using your plugin for 4 websites already and it works great.
I tried to the text widget area i can put a image link to a youtube video (image taken from youtube default thumbnail server) where when click, it will show in fancybox overlay. I tried to do the same as image by adding class=”fancyboxgroup” within the link tag but i end up in youtube website. here is my code:
I got the feeling that it can be done – with your help.
thorsten sagt:
10. Sep 2011
Currently, the plugin doesn’t change anything in the widget area. But you can try to modify my code by yourself. Open the file fancybox-plus.php. Around line 81 you find a line with this text:
[code]
add_filter('the_content', array(&$this, 'change_content'), 150);
[/code]
After that, insert this line:
[code]
add_filter('the_widget', array(&$this, 'change_content'), 150);
[/code]
I haven’t tested it. Please, let me know, if it work.
AND if it works, you can add in the widget area the youtube short code from my plugin [youtube movieID text]
Tony sagt:
6. Okt 2011
when i try to use this it creates a video thumnail. When I click it it says Image cannot be loaded. Make sure the path is correct and image exist. But if I right click it i see an image and i see the url of the image. Any help?
thorsten sagt:
6. Okt 2011
What did you entered, as the video id, as you inserted the video id?
Kristijan sagt:
8. Nov 2011
Can you help me? I entered video like 10 others from vimeo and youtube and for this new one it says video not available. Vimeo id is 31660076 and link to site: videotrend.com.hr/video-galerija/
Thorsten sagt:
10. Nov 2011
After I had a look at your site, I saw, that the video is available. I don’t understand, what you mean.
Heiner Schäfer sagt:
27. Mai 2012
Hi Thorsten,
vielen Dank für das Plugin, das die Pflege eines Videoblogs doch sehr erleichtert. Auch ich habe öfter das Problem “Video not available”. Es scheint mit der Einstellung auf Vimeo: “Hide this video from Vimeo.com” zu tun zu haben. Die Funktion dient eigentlich dazu, dass das Video aussschließlich eingebettet in die Website zu sehen ist und nicht auf Vimeo. Hier scheint es aber so verstanden zu werden, dass das Video “privat” ist.
thorsten sagt:
30. Mai 2012
Es kann gut sein, dass Vimeo in dem Fall die API Abfrage blockt und ich deswegen keine Daten bekomme. Aber – um ehrlich zu sein – getestet habe ich es noch nicht. Kannst du mir mal einen Link zu einem privaten Video geben?
Heiner Schäfer sagt:
30. Mai 2012
Klar, https://vimeo.com/39112711 ist so eins.
thorsten sagt:
30. Mai 2012
Gerade mal ausgetestet. Die API meldet das Video als nicht verfügbar, wenn es irgendwie als “privat” gekennzeichnet wird. Dann versagt auch das Plugin!
Heiner Schäfer sagt:
30. Mai 2012
Hallo Thorsten,
dieses Video ist mit “Easy FancyBox” hier eingebunden:
http://lunar-horse.tv/de/2011/01/22/denken-in-moglichkeiten-2/
Der Vorteil Deines Plugins ist, dass man nicht erst ein Startbild hochladen und dann auf das Video verlinken muss.
thorsten sagt:
30. Mai 2012
Das ist es ja. Damit du bei Fancybox Plus kein Standbild hochladen musst, frage ich die API von Vimeo ab um mir dieses direkt von Vimeo zu holen. Liefert die API nicht zurück, weil das Video nicht verfügbar ist oder eben wie bei dir, das Video auf privat geschaltet wurde, kann bei mir auch kein Video angezeigt werden, weil auch noch mehr Daten über die API abgefragt werden. Sorry, aber wenn du dein Video nicht öffentlich schaltest, kann ich dir nicht helfen. Oder du wendest dich direkt an Vimeo, damit die ihre API ändern.
Heiner Schäfer sagt:
30. Mai 2012
Ich glaube, man kann die API überlisten: Wenn das Video im Moment des Einbettens öffentlich ist und es erst anschließend auf Vimeo verborgen wird, bleibt es auf der eigenen Website erhalten. Das Video, das hier http://salzhausen-tv.de/2011/11/frauenwirtschaft/ eingebettet ist, ist auf Vimeo nicht sichtbar. Kannst Du es auf der Website sehen?
Heiner Schäfer sagt:
30. Mai 2012
Gerade fällt mir mein Denkfehler auf: Ich las gerade weiter oben, dass die API nur alle 24 Stunden abgefragt wird, also ist morgen das Video weg. Trotzdem danke für die Unterstzützung, vielleicht fällt mir noch eine Lösung ein.
Bryan sagt:
11. Jun 2012
Hi.
The plugin isn’t working for me at the moment.When I open the screen to insert an Video, the screen appears.. but it’s blank. So I can’t fill in anything. Any idea why this is? And how to solve it?
Cheers,
Bryan
Martin sagt:
4. Sep 2012
Nice plugin!!
27. Jul 2011:
“I get the thumbnail direct from youtube (ytimg.com is the youtube image server), due to an api call. I will see what I can do in one of the next releases, to extend the shortcode of my plugin, that a user can add own images as preview images for the videos.”
Any luck yet?
I want to use my own thumbnails (especially my own size).
Thanks
Martin
Sven sagt:
16. Okt 2012
Plugin breaks wysiwyg editor in post/page edit (admin side/firefox)
thorsten sagt:
16. Okt 2012
I can’t reproduce this problem. Please, I need more details.
Heiner Schäfer sagt:
16. Okt 2012
If the plugin could save the preview image permanently I could set the video to “Hide this video from Vimeo.com” after inserting it into my article.