Migrate Reflow videos to WAI Understanding WCAG YouTube account #4304
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This is a proposal; I'm opening this PR to generate a preview to allow for further evaluation/discussion.
This replaces the mp4 files that were merged in #4055 with YouTube video embeds, using unlisted videos posted to a WAI account. It is coded using a pattern that avoids loading until direct interaction. The pattern is centralized in an include file, intended to make instances as easy as possible to adapt from YouTube's iframe embed code snippets.
The goal of this is to establish a pattern to avoid adding binary files of significant size to the repository, which would ultimately have the effect of irreversibly growing the repository size, impacting everyone who needs to work with it locally.
I tried this approach first, since it is feasible for the WAI team to manage without additional dependencies. This particular approach does have downsides:
&mute=1
in webkit browsers, even withallow="autoplay"
included; this is fine for these videos which have no audio, but worth noting for future. (This PR avoids loading the embeds on page load, so autoplay is only taking effect after an initial user interaction; without it, playing would require 2 clicks)@netlify /understanding/reflow