Fallback
Fallback content is content to be presented when multimedia objects cannot be rendered.
Syntax
The syntax for representing this component varies depending on the authoring format:
Authoring format | Syntax and example |
---|---|
XDITA |
|
HDITA |
|
MDITA |
There is no specific support in the MDITA core profile. If needed, use an HDITA snippet. |
Processing expectations
The contents of this element are displayed only when the media that is referenced by the containing element cannot be displayed or viewed.
Attributes
The available attributes vary based on the authoring format:
- XDITA
- The following attributes are available on this element: localization attributes, universal
attributes, and
@props
. - MDITA
- There is no attribute support for the MDITA core profile. For the MDITA extended profile, attributes can be specified by using the HDITA representation.
Examples
This section is non-normative.
The following example demonstrates the use of fallback in an XDITA topic.
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE topic PUBLIC "-//OASIS//DTD LIGHTWEIGHT DITA Topic//EN" "lw-topic.dtd">
<topic id="sensei-promise">
<title>The Sensei Sushi Promise</title>
<body>
<video height="300px"
loop="false"
muted="false"
poster="sensei-video.jpg"
width="400px">
<desc>Video about the Sensei Sushi promise.</desc>
<fallback>
<image href="video-not-available.png">
<alt>This video cannot be displayed.</alt>
</image>
</fallback>
<media-source href="sensei-video.mp4"/>
<media-source href="sensei-video.ogg"/>
<media-source href="sensei-video.webm"/>
<media-track srclang="en" value="sensei-video.vtt"/>
</video>
</body>
</topic>
The following example demonstrates the use of fallback in an HDITA topic.
<!DOCTYPE html>
<title>The Sensei Sushi Promise</title>
<body>
<article id="sensei-promise">
<h1>The Sensei Sushi Promise</h1>
<video height="300" width="400" title="Video about the Sensei Sushi promise" controls poster="sensei-video.jpg">
<source src="sensei-video.mp4"/>
<source src="sensei-video.ogg"/>
<source src="sensei-video.webm"/>
<track srclang="en" src="sensei-video.vtt"/>
<img src="video-not-available.png" alt="This video cannot be displayed."/>
</video>
</article>
</body>