Fallback Test | Able Player Demos

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.

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