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> or <video> elements (emulated here with 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.
For additional demos see the Index of Able Player Examples.
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