angular / angular/components

feat(Youtube Player): view loading status and load programmatically

Open
#28,844 0 comments 1 reaction 0 assignees View on GitHub
area: youtube-player feature P3
Dominant language
TypeScript
Stars
25k
Forks
6.8k
Avg merge
1d 8h
Merged PRs (30d)
91

Description

### Feature Description

Since the ready event is not fired anymore (https://github.com/angular/components/issues/28834), I would like to know if the player has been loaded yet or not (still showing placeholder). Is there already an api for that? If so I did not find it.

Furthermore it would be great if there were a way to programmatically load the player.
(The load method is currently private to the player component.)

"Dirty" workaround:
I am accessing the placeholder via css selectors and dispatching a click event on them in order to trigger the player load.

### Use Case

Example use case: UI Button that will trigger the player to play.
=> The button label may change depending on the loaded status and the click might trigger the player to load and start.

_PS: Thanks for the wrapper component. 🙏_

Contributor guide

Open the contributing guide

Research direction

Start with the Youtube Player component and its currently private load method, using the linked ready-event issue for context. Define completion as an exposed way to determine whether the player has loaded and a public way to load it programmatically, supporting the described button use case.

Written by the indexing model from the issue text.

Assessment

Tech stack
angular, typescript
Domain
api, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
40/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.