Skip to content

Artikel auf dem Telefon prüfen: Video, Grafiken und Links #271

Description

@JumpLink

Worum es geht: Die letzten Änderungen am Artikel-Leser (#270, #269) haben wir nur im Browser angeschaut, noch nicht auf einem echten Telefon. Telefone verhalten sich bei Videos und eingebetteten Inhalten manchmal anders.

Was auf dem Telefon klappen soll

  • Das Video oben im Artikel läuft von selbst, ohne Ton, in Dauerschleife und innerhalb der Seite (nicht im Vollbild). Wer am Telefon „Bewegung reduzieren“ eingestellt hat, sieht stattdessen ein Standbild.
  • Grafiken von Datawrapper, Flourish, 23degrees, DocumentCloud und CORRECTIVs eigene Karten erscheinen direkt im Artikel.
  • Der Knopf „Inhalt von … im Browser öffnen“ öffnet den Browser. Ein eingebetteter CORRECTIV-Artikel öffnet sich in der App. E-Mail-Adressen und Telefonnummern öffnen die passende App.

Beispielartikel: „Ukraine: Russlands Krieg kommt aus dem Himmel“ (Video im Kopf).

Stand

Android lässt sich im Emulator prüfen. Für iOS fehlt wie bei #262 ein Mac mit vollem Xcode.

Technische Details

ReaderView.tsx: mediaPlaybackRequiresUserAction={false}, allowsInlineMediaPlayback. Meta-CSP mit script-src 'none' und frame-src aus INLINE_EMBED_HOSTS. iOS-Sub-Frames: allowsFrameLoad() in apps/mobile/src/lib/articles/readerNavigation.ts.

🤖 Generated with Claude Code

Activity

  1. changed the title [-]Den Artikel-Leser auf iOS und Android prüfen: Kopf-Video, CSP, Einbettungen[/-] [+]Artikel auf dem Telefon prüfen: Video, Grafiken und Links[/+] on Sep 24, 2026
  2. JumpLink commented on Sep 24, 2026

    @JumpLink
    CollaboratorAuthor

    Ich habe alle Punkte aus der Beschreibung auf einem Android-Handy geprüft (Emulator „Medium Phone API 36“, mit dem Stand der App vom 24. September).

    1. Video oben im Artikel ❌

    Der genannte Beispielartikel „Ukraine: Russlands Krieg kommt aus dem Himmel“ hat auf correctiv.org im Moment gar kein Video mehr oben, nur noch ein Bild. Ich habe deshalb einen anderen aktuellen Artikel mit einem solchen Video genommen, „Das Russische Haus – Putins Enklave in Berlin“. Dort läuft das Video in der App aber nicht an, es bleibt beim Standbild stehen, auch nach längerem Warten. Dasselbe Video lief im normalen Internet-Browser auf demselben Gerät ohne Probleme, es liegt also nicht am Telefon selbst. Mit der Einstellung „Bewegung reduzieren“ zeigt die App wie gewünscht ein Standbild, das lässt sich wegen des ersten Problems aber kaum von der normalen Ansicht unterscheiden, weil dort ja auch schon nur ein Standbild zu sehen ist.

    Hell:
    Artikel mit Kopf-Video, hell, es ist nur ein Standbild zu sehen

    Dunkel:
    Derselbe Artikel, dunkle Darstellung

    Mit „Bewegung reduzieren“:
    Derselbe Artikel mit eingeschalteter Einstellung Bewegung reduzieren

    2. Grafiken von Datawrapper und Flourish ✅

    Beide erscheinen direkt im Artikel, ohne dass man dafür etwas antippen muss. Geprüft mit einer Deutschlandkarte von Datawrapper und einer Bilderstrecke von Flourish.

    Datawrapper, hell:
    Deutschlandkarte von Datawrapper direkt im Artikel, hell

    Datawrapper, dunkel:
    Dieselbe Karte, dunkle Darstellung

    Flourish:
    Bilderstrecke von Flourish direkt im Artikel

    3. Youtube-Knopf ✅

    Ein Artikel mit einem eingebetteten Youtube-Video zeigt in der App den Knopf „Inhalt von youtube-nocookie.com im Browser öffnen“. Ein Fingertipp darauf öffnet tatsächlich den Browser. Dass Youtube dort dann selbst einen Fehler zeigt, liegt an Youtube und nicht an der App, das ist schon von früher bekannt.

    Der Knopf:
    Knopf Inhalt von youtube-nocookie.com im Browser öffnen im Artikel

    Im Browser geöffnet:
    Der Browser hat sich geöffnet, Youtube zeigt einen eigenen Fehler

    4. E-Mail-Adresse ❌

    Ich habe einen Artikel mit einer E-Mail-Adresse als Link gefunden. Tippt man darauf, öffnet sich aber keine E-Mail-App, sondern die App versucht, die Adresse selbst als Internetseite zu laden, und zeigt dann eine Fehlermeldung an.

    Der Link im Artikel:
    E-Mail-Adresse als Link im Artikel

    Die Fehlermeldung nach dem Antippen:
    Fehlermeldung Error loading page nach dem Antippen der E-Mail-Adresse

    5. Sicherheitswarnungen

    Während der ganzen Prüfung habe ich die Systemprotokolle des Telefons nach Sicherheitswarnungen der Seiten durchsucht. Es gab keine.

    Punkt 1 und Punkt 2 habe ich sowohl in der hellen als auch in der dunklen Darstellung geprüft, in beiden sieht es gleich aus.

    Zwei der fünf Punkte funktionieren also noch nicht wie gewünscht, deshalb lasse ich das Issue offen. iOS bleibt ebenfalls offen, dafür fehlt wie bei #262 ein Mac mit vollständigem Xcode.

    🤖 Generated with Claude Code

  3. JumpLink commented on Sep 24, 2026

    @JumpLink
    CollaboratorAuthor

    Korrektur zum Kopf-Video: Das war kein Fehler der App. Im Emulator waren die Animationen ausgeschaltet. Android behandelt das wie „Bewegung reduzieren“, und dann zeigt der Artikel absichtlich das Standbild statt des Videos. Mit eingeschalteten Animationen läuft das Video, in hell und dunkel (Nachweis in #282).

    Der Fehler mit den E-Mail-Links auf Android ist echt und wird mit #282 behoben: Die Adresse geht jetzt an die Mail-App, und der Artikel bleibt stehen.

    Offen bleibt iOS.

    🤖 Generated with Claude Code

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions