[3.2] Videos nebeneinander anzeigen mit BBcode?

[Tastenplayer]

Hallo Black Jack

Bei mir ist es gegangen - allerdings war das ein YT code mit Rahmen und Youtube by my-tastenworld Text. Muss irgendwie noch den doofen Rahmen sowie den Text wegradieren.

Hier mein Code - dann siehst Du, was Du ändern/einfügen must.
BB code Benutzung

Code: Alles auswählen

[yt]https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}[/yt]

HTML Ersetzung

Code: Alles auswählen

<div style="width:20%; display:inline-block; float:left;background-color:ffffff;font-size:11px;border:thin solid #000000;padding:0 2px;">YOUTUBE<br /><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div>

Das musste ich zusätzlich vorne an meinen alten Code anfügen/abändern: <div style="width:20%; display:inline-block; float:left;
Hier mein Resultat(leider halt noch mit dem doofen Rahmen):[ externes Bild ]
Jetzt ohne den Rahmen:

Code: Alles auswählen

<div style="width:15%; display:inline-block; float:left;background-color:ffffff;font-size:11px;;padding:0 2px;">YOUTUBE<br /><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div>

[ externes Bild ] <div style="width:15%; display:inline-block; float:left;

Habe jetzt nur das Problem: Was muss ich löschen, dass auch der Text Youtube nicht mehr angezeigt wird - oder was auch nicht schlecht wäre - Youtube mittig angezeigt wird!? Jetzt heisst es: das Video der Woche und schon ist es fast mittig
Ich wollte das eigentlich so auf der Startseite im Newsblock Mini anzeigen(da die YT Galerie Ext. für Gäste auf der Startseite nicht funktioniert) - funktioniert jedoch leider nur im Forum - im Newsblock Mini werden nur blaue Links angezeigt - scheinen immer noch Reste der deinstallierten Advanced BBcode Box ext. rumzuschwirren. Doof(im 3.1.10 Liveboard geht es jedenfalls im Newsblock Mini - es musste lediglich das float left für diese Ext. enfernt werden)

[BNa]

Ersetze

Code: Alles auswählen

<div style="width:15%; display:inline-block; float:left;background-color:ffffff;font-size:11px;;padding:0 2px;">YOUTUBE<br /><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div> 

mit

Code: Alles auswählen

<div style="width:15%; display:inline-block; float:left; background-color:ffffff; font-size:11px; padding:0 2px;"><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div> 

für mit ohne YOUTUBE Text...

Hab auch mal den Code bereinigt (Abstände im style und doppel ;;)

Du solltest auch noch einen "Letztes Video nach dem Float"-BBCode machen, um den Float zu lösen

Code: Alles auswählen

<div style="width:15%; display:inline-block; clear:both; background-color:ffffff; font-size:11px; padding:0 2px;"><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div> 

oder halt ein "Antifloat" BBCode dahinter setzen:

BBCode
[clear][/clear]

Ersetzung
<div style="clear: both;">&nbsp;</div>

[Tastenplayer]

Mit dem hat es super geklappt vielen Dank!

Code: Alles auswählen

<div style="width:15%; display:inline-block; clear:both; background-color:ffffff; font-size:11px; padding:0 2px;"><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div>

Was ich nicht verstehe ist, weshalb das dann im Code bleiben muss, zumal ja jetzt kein Text mehr über dem Vid angezeigt wird?

Code: Alles auswählen

background-color:ffffff; font-size:11px

Könnte das nicht gelöscht werden?

Code: Alles auswählen

BBCode
[clear][/clear]

Ersetzung
<div style="clear: both;">&nbsp;</div>

Das ist mir eindeutig zu hoch - wo hätte diese Möglichkeit hin müssen?
Immerhin, sollte es in 3.2.0 so auch klappen - hätte ich wieder eine Extension weniger!

[BNa]

Was ich nicht verstehe ist, weshalb das dann im Code bleiben muss, zumal ja jetzt kein Text mehr über dem Vid angezeigt wird?

Code: Alles auswählen

background-color:ffffff; font-size:11px

Könnte das nicht gelöscht werden?

Glatt übersehen. Klar kann das weg.

wo hätte diese Möglichkeit hin müssen?

Einfach nach dem letzten Video was "floated" , also ein anderes Video neben sich erlaubt, einfügen.
Falls der Style sich optisch nicht komisch verhält, kannst Du es aber auch lassen.
Möglicherweise "ent-floated" das phpbb 3.2.* das ja automatisch pro Beitrag.

[Tastenplayer]

Leider geht es im Testboard 3.2.0 überhaupt nicht. Hatte da die Advanced BBcode Box ext. installiert und jetzt geht leider in der Newsblock Mini Ext. kein YT Link mehr. Es kommt immer der blaue Link, der kommt, wenn eben die Advanced BBCode Box ext. deinstalliert wird - auch bei neuen Links in der Newsblock mini ext. von Waldkatze - im Forum geht es problemlos.
[ externes Bild ](vor der Installation der Advanced BBcode Box ext. ist das Video im 3.2.0 TB angezeigt worden - hatte ich getestet)

Deshalb im Liveboard 3.1.10 getestet mit dem von Dir abgeänderten Code - finde es sieht ganz normal aus. Ob es irgendwann Störungen verursacht bleibt abzuwarten. https://www.forum.my-tastenworld.ch/(da halt noch mit dem schwarzen Hintergrund)

Möglicherweise "ent-floated" das phpbb 3.2.* das ja automatisch pro Beitrag.

In den Beiträgen benutze ich die s9e Extension. Diesen Code benötige ich nur für die Startseite in der Newsblock Mini Ext. von Waldkatze!

@BNa
Nachdem ich die Newsblock-Mini ext von Waldkatze nochmals komplett deinstallierte - cache entleerte - die Dateien unter ext. komplett löschte und die Dateien komplett neu in den Ext Ordner einlud - geht es jetzt im TB 3.2.0 wieder YT Videos anzeigen zu lassen.

Du solltest auch noch einen "Letztes Video nach dem Float"-BBCode machen, um den Float zu lösen

Mit dem Float lösen hattest Du recht!

Möglicherweise "ent-floated" das phpbb 3.2.* das ja automatisch pro Beitrag.

Scheint nicht überall der Fall zu sein(Im Forum klappt es nicht jedoch in der Extension)- ich konnte beim Text unter den Videos den Abstand so weit vergrössern wie ich wollte, es kam immer direkt unter die Videos.
Hab jetzt wohl eine nicht ganz saubere Lösung gefunden:

Code: Alles auswählen

[align=left][/align]

um den ganzen Text. Dann ist er auch nicht so zerzettert mittig.
Wird sich zeigen ob es mit der Zeit Probleme gibt deswegen(zumal ich in der Newsblock ext im acp ja angeklickt habe: mittig

[Tastenplayer]

@Black Jack

Definitiver Code Youtube Videos nebeneinander

BBCode Benutzung

Code: Alles auswählen

[yt]https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}[/yt]

HTML-Ersetzung

Code: Alles auswählen

<div style="width:15%; display:inline-block; clear:both; padding:0 2px;"><a href="https://{TEXT1}.youtube.{TEXT2}/watch?v={TEXT3}&hd=1&rel=0" target="_blank"><img src="https://i4.ytimg.com/vi/{TEXT3}/default.jpg" border="0" alt="" /></a></div>

Willst Du weniger Videos nebeneinander ändere "width:xx%. Wenn Du grössere Tumbnails möchtest, müsstest Du die Pixel für width and height angeben sowie das padding anpassen.)

Tipp Anzeige

Code: Alles auswählen

Youtube-Link

oder was Du willst

Wie es aussieht siehe hier: https://www.forum.my-tastenworld.ch/In den Beiträgen sind die Videos einfach näher beieinander- weniger Abstand dazwischen.
Funktioniert bei mir in 3.2.0 sowie 3.1.10(funktioniert auch bei installierter s9e/mediaembed extension)

Vielen Dank an BNa für die Hilfe!

[Tastenplayer]

Eigentlich sollte der definitive Code der Endbeitrag sein. Jedoch vorherige Beitrage kann ich ja nun nicht mehr ändern.

Woran ich überhaupt nicht dachte war die responsive Sache. Jetzt wegen etwas anderem testen müssen. Und ja so konfiguriert für die Startseite ist es dann nicht mit jedem mobilen Telefon voll responsiv respektive nicht mit allen mobilen Geräten geht es mit den Videos.
Muss ich wohl nochmals rumspielen in der Sache.
Ausserdem muss ich mal schauen morgen, wie es im Forum aussieht mit den mobilen Geräten.
(Mit dem float left bbCode ist der Text bis zur Auflösung von 1280x600 in der ersten Zeile um einen Buchstaben verschoben )

[Melmac]

Das mit den einzelnen Bildern kann so, wie es ausgeführt ist, gar nicht responsiv reagieren.

Ohne den genauen Code samt zugehörigem CSS zu kennen, ist es etwas schwer, irgendeinen Tipp zu geben, aber als erstes solltest Du zumindest die einzelnen DIVs der Bilder in einen übergeordneten Container setzen. Dieser orientiert sich an der Breite des "willkommen"-Blocks, die Ausrichtung der DIVs der Bilder an der des Containers.

Alles andere, also: wie die einzelnen Container/Elemente im Detail zu ormatieren sind, hängt dann von ein paar weiteren Infos ab:
Dieser "Herzlich willkommen" Block kommt doch über eine Extension rein, oder? Welche ist das (Downloadlink zur verwendeten Version)?
Welchen Code (HTML plus CSS) hast Du für die Darstellung dieses "Blocks" eingesetzt? Bitte ins Pastebin einstellen.

[Tastenplayer]

Also mit jedem Telefon, das Landscape Ansicht hat, klappt es einigermassen(Beim iPhone 4 sowie Blackberry Z10 überlappt es rechts ziemlich) Die Videos müssten einfach mehr nach links verschoben werden.
Responsivtest im TB 3.2.0 gemacht. Im Liveboard 3.1.10 ist der Style eh nicht ganz responsivhttp://www.responsive.cc/view

Welchen Code (HTML plus CSS) hast Du für die Darstellung dieses "Blocks" eingesetzt? Bitte ins Pastebin einstellen.

Das ist die Newsblock-Mini ext. von Waldkatze - die beschreibt man einfach wie ein Forenbeitrag. https://www.polarbiker-oberlausitz.de/mod_demo/ Das Erscheinungsbild entsteht durch

Code: Alles auswählen

div.rules

weshalb ich dort den Hintergrund sowie Rahmen anpassen musste. Im Forum halt dann mit gleicher Formatierung.

Code: Alles auswählen

[img]https://www.forum.my-tastenworld.ch/a_klavier11.gif[/img] [color=#E4E4E4]• •[/color][size=150][b]HERZLICH WILLKOMMEN BEI UNS IM FORUM![/b][/size]

[b][size=120]SEHENS- UND HÖRENSWERTES AUF YOUTUBE[/size][/b]
[color=#E1E1E1]****[/color]
[yt3]https://www.youtube.com/watch?v=cUeJdVV8yys[/yt3][yt3]https://www.youtube.com/watch?v=rSacjIbdKo8[/yt3][yt3]https://www.youtube.com/watch?v=LwnxK9XcQOw[/yt3][yt3]https://www.youtube.com/watch?v=BlR5MKHzUIY[/yt3][yt3]https://www.youtube.com/watch?v=yLymRWwYd9Q[/yt3][yt3]https://www.youtube.com/watch?v=Q4oInT79CUk[/yt3]
[color=#c4c4c4]****[/color]
[align=left][dropshadow=#4E4E4E][b]Video 1 - kaum zu glauben - such a great Beatles cover!!!(Allerdings finde ich den Song auch etwas unpassend für ein Kind dieses Alters)[/b][/dropshadow]
[dropshadow=#000000][b]Schon mal einen Hund Blues singen gehört? Nein, dann schau Video 2(Eric the Dog joins Juzzie Smith to do a song together)[/b][/dropshadow]
[dropshadow=#4E4E4E][b]Video 3 - Smoke on the Water - Richard Hiess on 9000Pro - es rockt!!![/b][/dropshadow]
[dropshadow=#000000][b]Das 4. Video sollten die Schweizer als Wink verstehen - 12 points for Switzerland!!! Man muss sich eben von der Masse abheben ;-) (Vor allem der Französische Teil)[/b][/dropshadow]
[dropshadow=#4E4E4E][b]Video 5 - Heinz Flueckiger and The Cool Bunch Albisgütli 2015 - I Walk The Line - very great slow version![/b][/dropshadow]
[b][dropshadow=#000000]Video 6 ist so traurig - aber ich finde, eines der besten Videos auf Youtube!(Nouela - The Sound of Silence - Music for life)[/dropshadow][/b][/align]
[size=65] Vielen Dank für diese Extension - Waldkatze!![/size]

Wie ich einen Code ins pastebin einfüge - keine Ahnung - jedoch da es wie ein Forenbeitrag erstellt ist - wohl unnötig. Deshalb halt auch diverse Einschränkungen in der Gestaltung des Ganzen.

Für dieses Problem müsste ich bestimmt den Newsblock html nehmen(auch von Waldkatze). Diesen hatte ich zuerst installiert - jedoch ich war zu doof, dass so einzugeben, dass ein Hintergrund/Hintergrundbild angezeigt wurde sowie korrekte Darstellung der restlichen Sachen (Trotz tagelangem googeln)
Ich denke, ich versuche nächstes Wochenende das nochmals mit der Newsblock html Extension. Da hat man schon mehr Formatierungs Möglichkeiten.

[juliokr]

Also grundsätzlich nehmen ich mal an das Du dir schon darüber klar bist das man auf einem Smartphone im Portait-Format nicht 6 Videos nebeneinander anzeigen kann. Der Bildschirm des iPhone 5 z.B. misst weniger als 5cm in der Breite. Dei 6 Videos nebeneinander würde das Bildchen von ein paar Millimetern machen mit denen man selbst mit Adleraugen nichts mehr erkennen kann.
Also musst Du unter einer gewissen Pixel-breite einen anderen Style einsetzen (z.B. die Videos übereinander anzeigen). Macht man normalerweise mit z.B

Code: Alles auswählen

@media screen and (max-with: 640px ){
....}