Forum - Fragen zur Präsentation - Darstellung Mobil & Desktop-PC

Um alle Funktionen nutzen zu k�nnen, aktivieren Sie bitte JavaScript in ihrem Browser!

Der Treffpunkt f�r Hilfe, Tricks & Tipps � XOBOR-Foren und Homepages � Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! � Fragen zur Präsentation - Darstellung Mobil & Desktop-PC

Seite 1 von 2 � Seite 1 2 Seite �

Themen-Einstellungen

Thema drucken

Bereich wechseln

Start Willkommen! Ank�ndigungen & Termine, wichtige News. Stellen Sie Ihr eigene Webseite vor. Betriebssystem MS Windows & andere Betriebssysteme Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. MS Windows 11, 10, 8 und 7 - Fragen & Antworten. Linux, Ubuntu und andere Betriebssysteme. �rger mit dem PC, Laptop oder Tablet? �rger mit dem PC, Laptop oder Tablet - Vorbeugung und Hilfe? �rger mit dem PC, Laptop oder Tablet - Fragen & Antworten? Fragen zu DSL, VDSL, LTE und anderen Netzempfangsarten. XOBOR-Foren und Homepages Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! Das neue Template Xobor (v6). Energieerzeugung im neuen Zeitalter - Revolution�r! Videos und Webseiten zur Freien Energie. Wasserstoff - Energietr�ger der Zukunft. Die besten Links! Empfehlenswerte und interessante Links! Link - Suche. Verschiedenes Elektronik & Elektrotechnik - Fragen & Antworten Faszinationen & Unglaubliches! Tricks & Tipps f�r Smartphones und iPhones. Lob, Kritik & Verbesserungsvorschl�ge. Spiel & Spa�, Witz & gute Laune! Spiritualit�t, Seele, New Age, Yoga, Gesundheit. Alles, was noch so �brig bleibt. Bannertausch Wie funktioniert der Bannertausch? Bannerrotation und Bannerwechsel.

#1 | Fragen zur Präsentation - Darstellung Mobil & Desktop-PC datum

30.03.2025 12:11

Fragen zur Präsentation - Darstellung Mobil & Desktop-PC

Hallo ArndtHabe das Thema in die passende Kategorie verschoben!
Unter Elektronik & Elektrotechnik - Fragen & Antworten ist die Frage aufgekommen und passt wegen ihres Ausmaßes nicht mehr dorthin!

Wolfgang

Antworten

#2 | Fragen zur Präsentation - Darstellung Mobil & Desktop-PC datum

24.03.2025 19:30

Sag mal Wolfgang, wie lange brauchst du für das reine Eingeben der Präsentation? Bildersuche und Recherche zum Thema kommt dann ja noch dazu.
Sieht optisch perfekt aus, wirklich!
Du weist ja was ich eventuell vorhabe, von daher schaue ich bei dir gern ab. Das habe ich vor über 40 Jahren in der Schule auch immer so gemacht...

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Antworten

#3 | RE: Fragen zur Präsentation - Darstellung Mobil & Desktop-PC datum

24.03.2025 19:37

Nachtrag: auch auf dem Handy sieht der Beitrag super aus!

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Antworten

#4 | Frage zur Präsentation, Bildersuche und Recherche datum

25.03.2025 10:50

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3591
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1460

Frage zur Präsentation, Bildersuche und Recherche

Hallo ArndtIch lasse mir immer genug Zeit für den Aufbau der Beiträge, habe da ja keinen beruflichen Druck, der mich treibt!
Ich versuche alles genaustens zu beschreiben mit Farben, Bildern und Beispielen, nicht mit dem Hintergedanken "Das muss man doch wissen".
Oft denke ich auch an meine früheren Ausbildungen und Kurse und frage mich was bei den Erklärungen und Beschreibungen besser gewesen wäre, um es verstehen zu können!

EndgeräteEine Zeitlang waren es die Browser, die alles unterschiedlich und teilweise gar nicht wiedergegeben haben!
Heute sind es mehr die unterschiedlichen Endgeräte, die Probleme bereiten!
Eine gute Lösung bietet das V6 mit den definierten "Breakpoints" an, die zur passende Größe des Engerätes oder des Browserfensters, auch die passende Ansicht liefern!
Auch im V6 muss man beim Nachrüsten, beim Schreiben der Beiträge darauf achten, dass man Bilder und Texte nicht mit festen Breiten und Höhen einträgt!
Ansonsten hat man das unschöne, ewige Scrollen!
Ein Testen und Überprüfen in den verschiedenen Browsern und Endgeräten bleibt nicht aus.
Oft zeigen sich die Fehler und Eigenarten erst im laufenden Betrieb!

Breite + Höhe

Hier haben sich anpassende Werte mit "auto, 95%, vh (viewport Höhe, Höhe Browserfenster), vw (viewport Breite, Breite Browserfenster), display-inline-block (Fenster in einer Reihe anzeigen)" bewährt!
Man kann auch über die CSS, Werte für bestimmte Endgeräte bestimmen.
Auch hier ist ein Überprüfen immer angebracht!

1
2
3
4
5
6
7
8
9
10
11
12
13
 
/* Mobil - Bis 767px Breite */
@media all and (max-device-width: 767px){
 
.testCSS {width:auto; max-width: 200px; height: 80vh; display: inline-block;}
 
}
 
/* Desktop PC - Groesser als 768px Fenster-Breite */
@media all and (min-device-width: 768px){
 
.testCSS {width:auto; max-width: 1000px; height: 100%;}
 
}
 

VG
Wolfgang

Dankesch�n findet das Top!

Antworten

#5 | RE: Frage zur Präsentation, Bildersuche und Recherche datum

25.03.2025 12:31 (zuletzt bearbeitet: 25.03.2025 13:17)

Danke

für Deine wie immer umfangreichen Erklärungen!

Die mobile Ansicht wird m.M.n. immer wichtiger, da das Nutzungsverhalten der Mitglieder und Leser immer mehr dahin geht.

Kann man, also Du, das Iconbar-Skript "YouTube-Videos einbinden" umschreiben, das es beim Einfügen eines "iframe" die Größe für Bildschirmansicht änderbar ist, aber für die "mobile Ansicht" immer nur die maximal mögliche Größe (Handy glaube ich 320 px in der Breite) angezeigt wird?

Lieber Wolfgang,verstehe meine Frage bitte nicht als Aufforderung oder als eine sofort zu erledigende Aufgabe!
Alles kann - nichts muss...

Vorab ein großes

vom Arndt aus Radeberg

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Antworten

#6 | RE: Frage zur Präsentation, Bildersuche und Recherche datum

25.03.2025 13:25

???In der mobilen Ansicht sehen die eingebundenen Iframes anders aus.

beim Wolfgang

bei mir

Aber wahrscheinlich sitzt der Fehler wieder vor dem Bildschirm...

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Antworten

#7 | Frage zur iFrames datum

28.03.2025 17:34

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3591
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1460

Frage zur iFrames

Zitat von Kipper-Spedition im Beitrag #6
???In der mobilen Ansicht sehen die eingebundenen Iframes bei mir anders aus.
.....

@Kipper-Spedition

Hallo ArndtLiegt wohl am zusätzlichen Bild, dass einfach über das iFrame gesetzt wurde!
Gut zu sehen im unteren Skript-Auszug (Zeile 2)!

Hier der Link: VerkehrsRundschau Podcast

1
2
3
4
 
<div ...>
<img src="https://cdn.verkehrsrundschau.de/thumb_750x422/media/5709/ff-mw-funk-1.jpg" ... >
<iframe src="https://cdn.podigee.com/podcast-player/podigee-podcast-player.html" ... ></iframe>
... </div>
 

Wolfgang

Antworten

#8 | Größe der iFrames automatisch einstellen datum

28.03.2025 23:13

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3591
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1460

Größe der iFrames automatisch einstellen

Zitat von Kipper-Spedition im Beitrag #5
...
Kann man, also Du, das Iconbar-Skript "YouTube-Videos einbinden" umschreiben, dass es beim Einfügen eines "iframe" die Größe für Bildschirmansicht änderbar ist, aber für die "mobile Ansicht" immer nur die maximal mögliche Größe (Handy glaube ich 320 px in der Breite) angezeigt wird?

...

Hallo ArndtIch hatte mich schon mal an eine automatische Höhen- und Breiteneinstellung von iFrames versucht, auch riesige Skripte im Web gefunden, aber irgendwie für die Forenbelange nichts Passendes gefunden!
Gerade bei den selbst erstellten Videos in den Beiträgen gibt es genau das Problem, dass Du angesprochen hast!
Trägt man eine Größe von 1000px x 400px ein, ist das Video auf dem Desktop PC super zu sehen, auf dem Handy kommt man aus dem Scrollen nicht mehr raus!
Also nicht zu gebrauchen!
Mit dem folgenden Vorschlag werden die iFrames auf Handys im Hoch- und Querformat in maximaler Größe gezeigt!
Selbst beim minimieren des Browserfensters wird das iFrame nicht abgeschnitten!

Lösung

Habe eine schöne, akzeptable Lösung gefunden, die auch gut für alle Videos / iFrames auf mobile Endgeräte passt!
Es handelt sich um eine "Viewport Breiten- und Höheneinstellung", die im iFrame-TAG über "style" eingetragen wird!
Komischerweise funktioniert es nicht aus der heraus, sondern muss in den iframe-TAG eingefügt werden!

Die gewünschte Höhe und Breite des Videos / iFrames wird über "width" und "height" bestimmt!
Die unter "style" eingetragene maximale Viewport-Breite von 90% und die maximale Viewport-Höhe von 80%, sorgen für die max. Größenanpassung auf Handys oder bei der Minimierung des Browser-Fensters!
Zusätzlich wird durch die hier gewählte Viewport-Einstellungen ein Abstand zu den Rändern definiert!

1
 
<iframe ...  style="max-width:98%; max-height:80vmin;" ... width="{{videobreite}}" height="{{videohoehe}}" ...  src=" ... " ... allowfullscreen></iframe>

Viewport-Einstellungen mit vw, vh, vmin und vmax kurz erklärt!

vw und vh funktionieren ähnlich wie Angaben mit %., beziehen sich aber auf Fenster-Breite bzw. Fenster-Höhe.
100vw bedeutet volle Breite des Browser-Fensters, und 100vh bedeutet volle Höhe des Browser-Fensters.

vmin, egal wie ein Handy oder Tablet gedreht wurde, nutzt immer die kleinere Dimension (Höhe, Breite) eines Fensters.
vmax nutzt immer die größere Dimension (Höhe, Breite) eines Fensters.

Wichtige InfoDer Foren-Code für den Multi-Dialog-Assistenten muss geändert werden!
Alles bereits in Beitrag #1 nachgetragen!

Iconbar unter "Admin > Layout > Iconbar" öffnen!
Foren-Code "videobox" unter "nicht sichtbar" suchen.
HTML-Code unter "Mit", mit dem folgenden HTML-Code austauschen!
Fertig!

Ersetze:

1
 
[videobox={{videobreite}},{{videohoehe}}]

1
 
...

1
 
[/videobox]

Mit:

1
 
<span data-name="youtube" class="convert_youtube" data-modified-by-klaro="yes"><iframe data-name="youtube" allowfullscreen allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" width="{{videobreite}}" height="{{videohoehe}}" style="max-width:98%; max-height:80vmin; padding: 12px 6px; border: 1px groove rgb(86, 86, 86); border-radius: 4px; box-shadow: rgb(92, 92, 92) 3px 3px 3px;" frameborder="0" data-modified-by-klaro="yes" data-original-display src="" data-src="

1
 
...

1
 
"></iframe></span>

Grafik:

1
 
https://img.homepagemodules.de/ds/static/gaia/movie.png

Weitere Einstellungen:

1
 
Reihenfolge: 0

Schließen

War ein guter Ansporn,
bis dann und bitte alles so gut wie möglich testen!
Wolfgang

Antworten

#9 | Fehlersuche: Größe der iFrames automatisch einstellen datum

29.03.2025 13:07

, und nochmal

Ich habe alles geändert, nur funktioniert es nicht richtig bei mir auf dem mobilen Endgerät (Iphone !).

Das YouTube-Videofenster ist zu klein, das andere ist immer noch zu groß.
Ich bin mir aber nicht 100%ig sicher, ob ich alles richtig gemacht habe.

Gruß vom Arndt

Themen bei der Community für Transportunternehmer und Führungskräfte der Transport- und Logistikbranche:

Antworten

#10 | Fehlersuche: Größe der iFrames automatisch einstellen datum

29.03.2025 14:13

Wolfgang

Administrator

Informationen anzeigen

Beitr�ge:	3591
Registriert seit:	10.12.2006
Blog:	Wolfgangs Blog

Homepage:	Nicht angegeben
Letzte Spende	Betrag � Forum Spende
Sternzeichen	Skorpion
Likes	1460

Fehlersuche: Größe der iFrames automatisch einstellen

Hallo ArndtHabe mich auf die Suche begeben und die Ursache gefunden!
Auf meinen Android-Handys mit meinen Videos funktionierte es wunderbar!
Dein Eintrag ist auf jeden Fall richtig!

Ich hatte zuerst vermutet, dass es wieder am iPhone liegt und "vw + vmin" nicht erkannt werden!
Dem ist aber nicht so!
Es lag am langen iFrames mit den Maßen 1200px x 200px!
Habe nochmal die maximale Breite mit "auto, vmin und vmax" durchgetestet, 98% passte bei den Videos und iFrames jetzt recht gut!

1
 
<iframe ...  style="max-width:98%; max-height:80vmin;" ... width="{{videobreite}}" height="{{videohoehe}}" ...  src=" ... " ... allowfullscreen></iframe>

Wichtig! Weil der Foren-Code geändert wurde, müssen alle Beiträge mit "[Videobox]" einmal geöffnet und wieder geschlossen, damit die Änderungen übernommen werden können!

Wichtige InfoDer Foren-Code für den Multi-Dialog-Assistenten muss geändert werden!
Alles bereits in Beitrag #1 nachgetragen!

Bis dann und nochmal Danke fürs Feedback!
Wolfgang

Antworten

User-Neuigkeiten (oben rechts) fix wegklicken? � � April April

Seite 1 von 2 � Seite 1 2 Seite �

�hnliche Themen

Antworten

Letzter Beitrag

Habe mal eine Frage? Was habe ich hier falsch gemacht? Mobile Navigation fürs Forum!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Daishi

19.05.2024 21:35
von

Daishi • Zugriffe: 254

Präsentationskalender - Darstellung interessanter Themen - Teil 1+2
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

09.04.2024 00:35
von

Wolfgang • Zugriffe: 2062

Externe Links mit Symbol - Links deutlicher darstellen!
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 3 13.07.2023 03:31
Kipper-Spedition • Zugriffe: 1431

Mobile Ansicht - Einstellung Android & iPhone
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Fragen & Antworten! von Haviforumstreffpunkt

03.11.2019 09:58
von

Wolfgang • Zugriffe: 734

Fehlerhafte Darstellung und Verlinkungsfehler mit dem Samsung-Browser im S5
Erstellt im Forum Tricks & Tipps f�r Smartphones und iPhones. von Wolfgang 0 23.06.2018 23:31
Wolfgang • Zugriffe: 809
FAQ verbessern und interessanter gestalten - (v4, v6 + Mobil)
Erstellt im Forum Das neue Template Xobor (v6). von Wolfgang 5 09.07.2023 12:13
Daishi • Zugriffe: 3193

Syntax-Highlighting - Quellcode im Forum farbig darstellen
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

21.02.2015 21:29
von

Wolfgang • Zugriffe: 1447

Forum-Codes nicht ausführen, Forum-Codes farbig darstellen!
Erstellt im Forum Alles f�r Ihr eigenes Forum oder Ihrer Webseite - Hilfe, Tricks & Tipps! von Wolfgang

07.01.2009 00:45
von

Wolfgang • Zugriffe: 1703

Position der Desktop-Icons speichern, mit "DesktopOK"
Erstellt im Forum Betriebssystem MS Windows 11, 10, 8 und 7 - Tricks & Tipps. von Wolfgang 0 16.05.2008 23:49
Wolfgang • Zugriffe: 2260

Foren Spende

Hallo !

Wir hoffen, dass Dir unser Forum gef�llt und Du Dich hier genauso wohlf�hlst wie wir.

Um Dir und den anderen Mitgliedern das Bestm�gliche bieten zu k�nnen, w�rden wir das Forum gern werbefrei gestalten, mit tollen neuen Extras erg�nzen.

Wenn Du uns dabei unterst�tzen m�chtest, kannst Du mit Hilfe einer kleinen Spende dazu beitragen.

Deine Spende hilft!

Spendenziel: 45 €

65%