Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?

05.09.2014 07:33 (zuletzt bearbeitet: 05.09.2014 07:36)
#1 Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?
an
Mitglied

Vielleicht hatte ich mich in dem Thread -youtubevideos mit code einbetten- unklar ausgedrückt, @Olaf . Weil der Thread wenig mit meinem Problem gemein hat, habe ich die Frage mal neu gestellt.
Diese beiden Icons

soll der Nutzer zur Verfügung haben, um Videos in einen Beitrag zu posten. Bei Nutzung des foreneigenen, linken Icons sollen Videos in der Standartgröße, bei dem von mir erstellten rechten in der kleineren (320x180) Variante angezeigt werden.

Aktueller Stand: Die CSS ist im Ursprungszustand.

Linker Button unter Admin→Layout→Iconbar→HTML-Baustein bearbeiten: Da steht
Name: [video] [/video]
HTML: <div onclick="insertVideoTag()" class="xob_icon_cont"><img title="" alt="" class="xob_icon" src="https://img.homepagemodules.de/ds/static/gaia/movie.png" ></div>
=> Videos werden "normal"angezeigt

Rechter Button unter Admin→Layout→Iconbar→HTML-Baustein bearbeiten: Da steht
Name: [klvideo] [/klvideo]
<div onclick="insertVideoTag()" class="xob_icon_cont"><img title="[klvideo][/klvideo]" alt="[klvideo][/klvideo]" class="xob_icon" src="https://files.homepagemodules.de/b631742/a_1_b5a4d7c6.png" ></div>
(Unterschied: nur die Grafikadresse und der Name)
=> Videos werden ebenfalls "normal"angezeigt.

Die Frage lautet: Was muß in der Anweisung für den rechten Button geändert werden, damit die Videos kleiner angezeigt werden? Es ist nun leider so, das ich keine Programmierkenntnisse habe, sodaß ich auf Eure Hilfe angewiesen bin.
Andreas


 Antworten

 Beitrag melden
05.09.2014 22:16
avatar  Olaf
#2 RE: Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?
Ol
Mitglied

So wie Du es machst mit den Code [klvideo][/klvideo] wird das nichts,weil so nur die URL ins Schreibfenster gesetzt wird und das war alles.Ausgeführt wird so nichts.
Du müstest für die neue Größe einen neuen iframe Code in der Iconbar anlegen.

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
06.09.2014 06:36 (zuletzt bearbeitet: 06.09.2014 06:39)
#3 RE: Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?
an
Mitglied

In der Iconbar habe ich das doch schon angelegt. Nur eben noch mit dem (fast) gleichen Befehl.
Schau und probiere einen Text zu schreiben in dem Testforum http://mrelephant.xobor.de/t1f2-Video-einfuegen.html#msg1 Fahre mit der Maus über das kleine Filmklappensymbol, wird [klvideo][/klvideo] eingeblendet. Klicke auf das Icon , so öffnet sich das Fensterchen, in das die Video-url eintragen werden kann, also genauso, wie bei der großen Filmklappe. Kein Wunder, ist ja auch der identische Befehl (s.o)
Du schreibst, ich müsse für das kleine Filmklappen-Icon einen neuen iframe anlegen. Was also soll ich dahinschreiben, wo jetzt noch

<div onclick="insertVideoTag()" class="xob_icon_cont"><img title="[klvideo][/klvideo]" alt="[klvideo][/klvideo]" class="xob_icon"
src="https://files.homepagemodules.de/b631742/a_1_b5a4d7c6.png" ></div>

eingetragen ist???
Andreas


 Antworten

 Beitrag melden
06.09.2014 11:38 (zuletzt bearbeitet: 07.09.2014 16:45)
avatar  Olaf
#4 RE: Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?
Ol
Mitglied

Sooo einfach geht das nicht.
Du hast mit den Javascript "insertVideoTag()" NUR die URL in Deinen Beitragsfenster gebracht,aber der BB-Code "[klvideo][/klvideo]" wird nicht weiter verarbeitet,weil Du das System nicht mitgeteilt hast,was er damit machen soll.

Hier eine Möglichkeit,die ein verkleinertes Videofenster (320 X 180) von Youtube im Beitrag ausführt mit Deinem verkleinerten Icon:

Adminmenü → Layout → Iconbar → Neue Icons hinzufügen → Foren-codes
[color=#00C000][color=#00C000][color=#00C000][color=#00C000][color=#00C000][color=#00C000][color=#00C000]Ersetze :[/color][/color][/color][/color][/color][/color][/color](Linker Eintrag) [color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000] [klvideo(nur Video ID einsetzen)][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color]....(Rechter Eintrag)[color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][/klvideo][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color]
[color=#00C000][color=#00C000][color=#00C000]Mit:[/color][/color][/color] (Linker Eintrag)[color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000]<iframe width="320" height="180" frameborder="0" src="//www.youtube.com/embed/[/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color]....(Rechter Eintrag)[color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000][color=#FF0000]?feature=player_detailpage"></iframe>[/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color][/color]
Grafik: https://files.homepagemodules.de/b631742/a_1_b5a4d7c6.png
Speichern.
Im Beitrag MUß zwischen den "[klvideo][/klvideo]" die Video ID von den Youtube Videos.
Im Video Link ist die ID die 11 stellige in Großbuchstaben und Zahlen geschriebener Code:
Beispiel: https://www.youtube.com/watch?v=Y3O1D7cykPQ
Also "Y3O1D7cykPQ"

Gruß
Olaf


Admin: Code in einen Spoiler gepackt, weil er sonst die ganze Seite sprengt. (ah)

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
06.09.2014 11:47
avatar  Olaf
#5 RE: Videos sollen beim Einbinden mit unterschiedlichen Fenstergrößen angezeigt werden, aber wie?
Ol
Mitglied

Ich schreibe Dir nochmal den Beitrag per PN.Ich habe nicht die Zeit,meinen Beitrag zig mal zu editieren!

Gruß
Olaf

__________________________

http://138600.homepagemodules.de/

 Antworten

 Beitrag melden
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!