| Page Properties | ||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
...
| Info |
|---|
I’m not going to write Do’s and Don’t at this stage. This isn’t necessary for the initial brief. |
Do’s
XX
Dont’s
XX
Anatomy
...
| Info |
|---|
Ben to look at design for states |
Item | Component / type | Notes | ||
|---|---|---|---|---|
1 | Image | To be provided or to be pulled in from Youtube API (cover image) | ||
2 | Button | |||
3 | Disclosure | Design doesn’t match. | ||
|
|
|
...
Non JS
A message telling the user that to view this media they need to enable javascript.
Provide a link to the embedded video.
Open in a new tab
Ben to design UI for the non JS fallback
JS
Clicking/tapping the play button will hide the button, cover image,
and video length, and load the embedded video from YouTube
Cookies
No Cookie& no cookies
The default is to load youtube-nocookie
The video URL should load “https://www.youtube-nocookie.com/embed/XXX” instead of the original URL.
There are additional considerations here so please do some research and suggest the best way to handle this. This is a good article on what youtube-nocookie does and why it still does’t meet data privacy laws: https://axbom.com/embed-youtube-videos-without-cookies/
YouTube Embedded Player Parameters
https://developers.google.com/youtube/player_parametersprivacy-enhanced mode: On
modestBrandingControls whether the player is YouTube branded.
colorControls the colour of the progress bar.
The only options are “red” | “white”.
We’ll use white as default but for brands who’s primary brand colour is red it would be good to use this option.
...