Bild • •HERZLICH WILLKOMMEN BEI UNS IM FORUM!

Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Forum Member Switzerland
Administrator
Beiträge: 3261
Registriert: Donnerstag 1. Juli 2010, 14:05
Vorname: Jutta
Wohnort: Zuchwil/SO
    Windows 7 Firefox
Kontaktdaten:

Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Samstag 30. Juni 2018, 11:52

Since days I try to adapt this BBcode to work with youtube-nocookie.com. But it just won't work.
I need this BBcode because I displayed 6 videos side by side in the welcome window. Because of the DSGVO I can now only insert links instead of the video preview

Code: Alles auswählen

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

Code: Alles auswählen

<div style="float:left;margin-right:3px; margin-left:4px"><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>
Begrüssungsfenster BBcode.jpg

Forum Member Canada
Musikant
Beiträge: 5
Registriert: Montag 23. April 2018, 13:37
Vorname: Timo
Wohnort: Freiburg/D & Banff/CDN
    Windows 7 Chrome

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Sonntag 19. August 2018, 15:10

Hallo Jutta,

ich kann dir leider keinen funktionierenden BB-Code geben, aber bei diesem LINK hat es einer anders gelöst. Sind zwar Bilder, aber im Q-Text Seitencode (Chrome="untersuchen") hat er sie verkleinern lassen und dann aneinander gereiht.

Nimmst du nun den "Teilenlink" und packst den hintereinander (<iframe> Einstellung nofollow etc.) und den packst du in eine div mit float left für deine Texte/Adressen, könnte es eventuell trotzdem klappen.

mfg ::blumelove2:

Forum Member Switzerland
Administrator
Beiträge: 3261
Registriert: Donnerstag 1. Juli 2010, 14:05
Vorname: Jutta
Wohnort: Zuchwil/SO
    Windows 10 Chrome
Kontaktdaten:

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Sonntag 19. August 2018, 16:05

Danke Timo

Allerdings ist mir das definitiv zu hoch. Keine Ahnung wie man so was hinbekommt, leider!
Allerdings hab ich die letzte Zeit mit phpbb nichts mehr gemacht. Wartete auf Rückmeldung von der Blackfog Validierung. Nur von dort kam bisher nichts. Da nichts passiert ist, mach ich jetzt langsam den Weihnachtsstyle in Ordnung.
Meinen Begrüssungs YT Code nehm ich nochmals unter die Lupe. Vermutlich funktioniert er nicht mehr, weil die Bilder mit der neuen Adresse nicht mehr angezeigt werden. Also müsste man wohl eine Einheitsbildadresse einfügen.

Forum Member Canada
Musikant
Beiträge: 5
Registriert: Montag 23. April 2018, 13:37
Vorname: Timo
Wohnort: Freiburg/D & Banff/CDN
    Windows 7 Chrome

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Sonntag 19. August 2018, 20:44

ist das der code oben ? Oder ein anderer ?
Könnte ja mal schauen, ob ich was hinbekomme...mit BB-Code wirds bei mir aber nichts...eher eine andere Lösung (Ajax, Phyton etc.)
mfg ::blumelove2:

Forum Member Switzerland
Administrator
Beiträge: 3261
Registriert: Donnerstag 1. Juli 2010, 14:05
Vorname: Jutta
Wohnort: Zuchwil/SO
    Windows 10 Firefox
Kontaktdaten:

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Montag 20. August 2018, 11:17

Ja den Code oben müsste man entsprechend abändern können, damit er eben auf YT no cookie verweist.
Hatte bei mir bisher nicht funktioniert, wobei es eben gut sein könnte, dass er zwar funktionierte jedoch dann eben kein Bild mehr angezeigt wird und man denkt, dass er nicht funktioniert.
Von meinem Hilferuf auf StackOverflow sind nur zwei Dankeschön für den Code gekommen. Eine Lösung für mein Problem leider nicht

https://stackoverflow.com/questions/510 ... sidephpbb3

Die Videos im ENsprachigen Forum aus Deinem Link scheint ein Script zu sein. Wenn man allerdings nicht weiss, wie das script heisst sucht man sich zu tode im Netz. Evt. hat der sich das ja auch selber erstellt.
Es gibt viele gute Scripte im Netz für phpbb, nur finden muss man die erst einmal und dann auch noch wissen, wie man die an sein Forum anpasst und einfügt.
Das müsste dieses carousel sein SLICK CAROUSEL

Forum Member Canada
Musikant
Beiträge: 5
Registriert: Montag 23. April 2018, 13:37
Vorname: Timo
Wohnort: Freiburg/D & Banff/CDN
    Windows 7 Chrome

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Samstag 25. August 2018, 14:12

Hallo Jutta,
.. ja es ist dieses Slick-Carrousel.
Du kannst dies free herunterladen (http://kenwheeler.github.io/slick/), und dann musst du 3 Dateien per FTP auf deinen Server-Host deines Forums hochladen.
Dies ist aber in einer READ-ME Datei nochmal zu lesen bzw. auf der Webseite, die du ja schon gefunden hast - hätte ich dir aber auch sagen können.

Die Programmierung ist auch ohne große IT-Kenntnisse machbar:
Bild

Wie du links obens ehen kannst, ist da Ganze geDIVt in einem Container:

Code: Alles auswählen

<div class="slider">
                     <div><img src="http://placehold.it/96.png" alt=""></div>
                     <div><img src="http://placehold.it/96.png" alt=""></div>
                     ...
Das Bild hierzu kann man sich mit der Freeware "Lightshot" von Video direkt vor Start machen, da LS frei skalierbar ist und es abspeichern kann oder gleich als Link ausgibt, den man im Forum, Teamspeak etc. versenden kann.

Wie du rechts unten siehst, kann man es vertikal, oder horizontal anordnen lassen (vertausche vertikal zu horizontal links unten im Code und dann "run"
Hier ist die Code-Test-Seite dazu: https://jsfiddle.net/q827wb0a/3765/

Weiter. Die zuvor hoch geladenen Scripte schreiben deine Adressen für Bild und Quelle in einen komplexen Code um wie beim Beispiel:

Code: Alles auswählen

//Code-Head//
<div aria-live="polite" class="slick-list draggable"><div class="slick-track" style="opacity: 1; width: 275000px; transform: translate3d(0px, 0px, 0px);" role="listbox">

//Titel-List//

//"slick-slide00"//
<div title="{Dein Titel1}" style="margin:0px 3px 12px 0px; float:left;" class="slick-slide slick-current slick-active" data-slick-index="0" aria-hidden="false" tabindex="-1" role="option" aria-describedby="slick-slide00">
			
	<a href="http://www.DEIN YT-CODE1 mit NOFOLLOW Haken gesetzt bei Teilen-Iframe" border="0" tabindex="0">
		<img class="gallerythumb" src="http://www.DEINBILD1.jpg" width="125" height="125">
	</a>
</div>

//slick-slide01//	
<div title="{Dein Titel2}" style="margin:0px 3px 12px 0px; float:left;" class="slick-slide" data-slick-index="1" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide01">
	<a href="http://www.DEIN YT-CODE2 mit NOFOLLOW Haken gesetzt bei Teilen-Iframe" border="0" tabindex="-1">
		<img class="gallerythumb" src="http://www.DEINBILD2.jpg" width="125" height="125">
	</a>
</div>

//slick-slide02// 
<div title="{Dein Titel3}" style="margin:0px 3px 12px 0px; float:left;" class="slick-slide" data-slick-index="2" aria-hidden="true" tabindex="-1" role="option" aria-describedby="slick-slide02">
	<a href="http://www.DEIN YT-CODE3 mit NOFOLLOW Haken gesetzt bei Teilen-Iframe" border="0" tabindex="-1">
		<img class="gallerythumb" src="http://www.DEINBILD3.jpg" width="125" height="125">
	</a>
</div>

<div .....
Eine eigene Seite für alle Bilder, oder die aktuellen Links von der sich der Script die Adressen holt, da sie sich bei dir ja öfters mal ändern, gibt es dazu leider nicht, musst du also alles mühsam händisch selbst im (FTP) Script auf dem Server anpassen.

Natürlich musst du dann noch den "Video-Balken" wieder an die richtige Stelle nach dem Header setzen, wo bisher deine Vids waren. Dazu die masterscript-adresse einfach an die Stelle setzen, vermutlich auch als Container, damit du es sauber zentrieren kannst und es responsible bleibt.
Unser Beispiel oben hat die einzelnen div-container eines Bildes vom original Script nochmals unterteilt und unter-container erstellt die dann als Thumbnail mit Weiterleitung dargestellt werden:

Code: Alles auswählen

<div class="vp-preview vp-preview-cover" 
data-thumb="https://i.vimeocdn.com/video/617959210.webp?mw=800&amp;mh=450" 
data-thumb-width="800" style="background-image: url(&quot;https://i.vimeocdn.com/video/617959210.webp?mw=800&amp;mh=450&quot;);">
</div>
Das ist jetzt Vimeo, aber bei YT funktioniert das auch, allerdings wirst du den Code als <iframe> mit nofollow zum einbetten erstellen müssen, und dann das ganze Paket zwischen den "xyz" in deinen Code einbauen müssen, nebst vorher erstelltem Bild.
Bild
Zum rel="no follow" geht das ambesten, wenn du einen YT-Link über deinen Account laufen lässt zB. als PL und dann eben einstellst do follow oder no follow: Eine Erklärung How-To und dann gibt es noch für den Chrome-Browser das Add-On "No Follow", welches dir das ganze zeigt: hier kannst du es ebenfalls an/aus stellen, bzw. den Code-Scratch übernehmen per "Gutenbergschem" Copy&Paste.

::blumelove2: Viel Spaß mit der neuen Leiste. ::blumelove2:
:winken:

Forum Member Switzerland
Administrator
Beiträge: 3261
Registriert: Donnerstag 1. Juli 2010, 14:05
Vorname: Jutta
Wohnort: Zuchwil/SO
    Windows 10 Chrome
Kontaktdaten:

Re: Change bbcode for youtube nocookie - 6 videos side by side(phpbb3)?

Beitrag von Forum Member » Sonntag 26. August 2018, 11:12

Danke Timo

Ist mir definitiv im Moment zu hoch :suisse-augen:
Wenn mein Blackfog endlich Validiert ist und ich die CSS des Weihnachtsstyles aufgeräumt habe, schau ich mir das mal genauer an.
Ich muss langsam an dem Weihnachtsstyle weitermachen, denn wie man weiss kommt der Dezember schneller als man glaubt. Ich sollte den ja auch noch zur Validierung einreichen und das dauert dann wieder ewig.
Ausserdem müsste ich dringend 5 Extension aktualisieren im Forum. Die sind schon wieder out of day.

Antworten

Zurück zu „BBcode“