Able Player Fallback Test
This page includes several examples of media elements with fallback content:
- If there is an error building Able Player, the browser's native media player should appear
(emulated here with
data-test-fallback="1"). - If the browser doesn't support HTML media, the browser should display fallback content that's
nested within the
<audio><video>data-test-fallback="2").
NOTE: On this example page, the fallback content has been stylized using CSS. If no fallback content is provided, Able Player will display a short error message in Engish (see Video Example 4). This content is not stylized; it's better to provide your own fallback than to rely on ours.
Audio Example 1
- Issue emulated: Error building player
- HTML fallback nested in code: Yes
Audio Example 2
- Issue emulated: Browser does not support HTML media
- HTML fallback nested in code: Yes
Video Example 1
- Issue emulated: Error building player
- HTML fallback nested in code: Yes
Video Example 2
- Issue emulated: Browser does not support HTML media
- HTML fallback nested in code: Yes
Video Example 3
- Issue emulated: Error building player
- HTML fallback nested in code: No
Video Example 4
- Issue emulated: Browser does not support HTML media
- HTML fallback nested in code: No