TheAnachronism/tt-rss-viewer
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

Show YouTube/Vimeo as external poster cards in the Reader #40

New issue
Closed
opened 2026-08-03 18:57:13 +00:00 by TheAnachronism · 1 comment
TheAnachronism commented 2026-08-03 18:57:13 +00:00
Owner
Copy link

Parent

Part of #30

Implements docs/specs/reader-media.md.

What to build

In the Reader, detect allowlisted YouTube and Vimeo iframe/href shapes and replace them with full-width 16:9 poster cards (modest max height ~40–50% viewport) that open the watch URL externally (Custom Tabs / external app). No in-app embed WebView and no arbitrary iframes beyond YouTube/Vimeo. Tap opens; article swipe and vertical scroll stay reliable. Failed/missing poster still yields a usable card with Open media (watch URL) and Open original.

Acceptance criteria

  • Allowlisted YouTube/Vimeo iframes or links become poster + play cards in the Reader (not raw iframes / invisible HTML)
  • Tapping the card opens the watch URL externally; no in-app embed WebView
  • Cards are full content width at 16:9 with a modest max height so short articles are not dominated
  • Horizontal article swipe and vertical scroll still work around embed cards
  • Failure / missing poster still offers Open media (watch URL) and Open original
  • Non-allowlisted iframes are not newly embedded by this work

Blocked by

  • Blocked by: #38 Prefer full-res images/GIFs and promote leftover image enclosures in the Reader
## Parent Part of #30 Implements [`docs/specs/reader-media.md`](https://git.anachronis.dev/TheAnachronism/tt-rss-viewer/src/branch/master/docs/specs/reader-media.md). ## What to build In the **Reader**, detect allowlisted YouTube and Vimeo iframe/`href` shapes and replace them with full-width 16:9 poster cards (modest max height ~40–50% viewport) that open the watch URL externally (Custom Tabs / external app). No in-app embed WebView and no arbitrary iframes beyond YouTube/Vimeo. Tap opens; article swipe and vertical scroll stay reliable. Failed/missing poster still yields a usable card with Open media (watch URL) and Open original. ## Acceptance criteria - [ ] Allowlisted YouTube/Vimeo iframes or links become poster + play cards in the Reader (not raw iframes / invisible HTML) - [ ] Tapping the card opens the watch URL externally; no in-app embed WebView - [ ] Cards are full content width at 16:9 with a modest max height so short articles are not dominated - [ ] Horizontal article swipe and vertical scroll still work around embed cards - [ ] Failure / missing poster still offers Open media (watch URL) and Open original - [ ] Non-allowlisted iframes are not newly embedded by this work ## Blocked by - Blocked by: #38 Prefer full-res images/GIFs and promote leftover image enclosures in the Reader
TheAnachronism commented 2026-08-03 19:10:22 +00:00
Author
Owner
Copy link

Resolution

Implemented on master (24881b4):

  • Planner: detect allowlisted YouTube/Vimeo iframe/href shapes into ReaderEmbedRef, dedupe by provider+id, strip only those tags (non-allowlisted iframes left alone)
  • UI: lib/reader/reader_embed_card.dart — full-width 16:9 poster with ~45% max height; tap / Open media → watch URL externally; Open original; play icon fallback if poster fails
  • Tests extended in test/reader/reader_media_plan_test.dart
  • No in-app embed WebView
## Resolution Implemented on `master` (`24881b4`): - Planner: detect allowlisted YouTube/Vimeo iframe/`href` shapes into `ReaderEmbedRef`, dedupe by provider+id, strip only those tags (non-allowlisted iframes left alone) - UI: [`lib/reader/reader_embed_card.dart`](https://git.anachronis.dev/TheAnachronism/tt-rss-viewer/src/branch/master/lib/reader/reader_embed_card.dart) — full-width 16:9 poster with ~45% max height; tap / Open media → watch URL externally; Open original; play icon fallback if poster fails - Tests extended in [`test/reader/reader_media_plan_test.dart`](https://git.anachronis.dev/TheAnachronism/tt-rss-viewer/src/branch/master/test/reader/reader_media_plan_test.dart) - No in-app embed WebView
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
master
beta/0.0.4
beta/0.0.3
beta/0.0.2
beta/0.0.1
alpha/0.0.2
Labels
Clear labels   
needs-info
Waiting on reporter for more information

  
needs-triage
Maintainer needs to evaluate this issue

  
ready-for-agent
Fully specified, ready for an AFK agent

  
ready-for-human
Requires human implementation

  
wayfinder:grilling
HITL grilling/decision ticket

  
wayfinder:map
Wayfinder effort map

  
wayfinder:prototype
HITL prototype ticket

  
wayfinder:research
AFK research ticket

  
wayfinder:task
Unblocking manual task ticket

  
wontfix
Will not be actioned

No labels
needs-info
needs-triage
ready-for-agent
ready-for-human
wayfinder:grilling
wayfinder:map
wayfinder:prototype
wayfinder:research
wayfinder:task
wontfix
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
TheAnachronism
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
TheAnachronism/tt-rss-viewer#40
No description provided.