ampproject / ampproject/amphtml

bento-youtube: automatically load poster image similar to amp-youtube

Open
#37,139 1 comment 0 reactions 0 assignees View on GitHub
Stale Type: Feature Request
Dominant language
JavaScript
Stars
14.9k
Forks
4.1k
PR merge metrics
No merged PRs in 30d

Description

### Description

Currently, bento-youtube performs worse than the original youtube embed on CWV. We should use the same approach as the amp-youtube component to automatically load the poster image (and lazy load the video iframe).

https://webpagetest.org/video/compare.php?tests=211207_BiDcAN_619141a97001c8519f6494686ee55d2e,211207_BiDcTG_149a5836f04e3e080781c897cca536d3,211207_BiDc80_d1058b070ebdf9bbccf2c162963f8397,211207_BiDcFE_9dd0832d1b7f557f7a471553cd0293b8

### Alternatives Considered

None

### Additional Context

_No response_

Contributor guide

Open the contributing guide

Research direction

Start by comparing the bento-youtube component with the amp-youtube component's poster-image and iframe-loading behavior. Review the existing component entry points and run the relevant YouTube component tests, if present; done means the poster loads automatically, the video iframe is lazy-loaded, and the change improves the reported CWV comparison.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
frontend, performance
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.