<?xml version="1.0" encoding="utf-8"?>
<page xmlns="http://projectmallard.org/1.0/" type="guide" style="xslt-stylesheet" id="mal2html-media">
 <info>
  <link type="guide" xref="stylesheets" group="mal2html"/>
  <desc>Handle Mallard media elements.</desc>
  <revision version="3.8" date="2012-11-05" status="final"/>
 </info>
 <title>Mallard to HTML - Media Elements</title>
 <p>This stylesheet contains templates for handling Mallard <sys>media</sys> elements.
 It also handles TTML inside block audio and video <sys>media</sys> elements.</p>
 <links type="topic" groups="imports" style="linklist">
  <title>Imports Stylesheets</title>
 </links>
 <links type="topic" groups="includes" style="linklist">
  <title>Includes Stylesheets</title>
 </links>
 <links type="topic" groups="params" style="linklist">
  <title>Defines Parameters</title>
 </links>
 <links type="topic" groups="keys" style="linklist">
  <title>Defines Keys</title>
 </links>
 <links type="topic" groups="templates" style="linklist">
  <title>Defines Templates</title>
 </links>
 <links type="topic" groups="modes" style="linklist">
  <title>Defines Modes</title>
 </links>
 <list style="compact">
  <title>Calls Templates</title>
  <item>
   <p><link xref="html.class.attr"/></p>
  </item>
  <item>
   <p><link xref="html.lang.attrs"/></p>
  </item>
  <item>
   <p><link xref="html.media.controls"/></p>
  </item>
  <item>
   <p><link xref="mal.if.test"/></p>
  </item>
  <item>
   <p><link xref="mal2html.span"/></p>
  </item>
  <item>
   <p><link xref="ttml.profile"/></p>
  </item>
  <item>
   <p><link xref="ttml.profile.attr"/></p>
  </item>
  <item>
   <p><link xref="ttml.time.range"/></p>
  </item>
 </list>
 <list style="compact">
  <title>Calls Modes</title>
  <item>
   <p><link xref="mal2html.block.mode"/></p>
  </item>
  <item>
   <p><link xref="mal2html.inline.mode"/></p>
  </item>
  <item>
   <p><link xref="mal2html.ttml.mode"/></p>
  </item>
 </list>
 <table rules="rows">
  <title>Implements Templates</title>
  <thead>
   <tr>
    <th>
     <p>Mode</p>
    </th>
    <th>
     <p>Match</p>
    </th>
   </tr>
  </thead>
  <tbody>
   <tr>
    <td>
     <p><code xref="mal2html.block.mode">mal2html.block.mode</code></p>
    </td>
    <td>
     <p><code>tt:*</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.block.mode">mal2html.block.mode</code></p>
    </td>
    <td>
     <p><code>mal:media</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.inline.content.mode">mal2html.inline.content.mode</code></p>
    </td>
    <td>
     <p><code>mal:media</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.inline.mode">mal2html.inline.mode</code></p>
    </td>
    <td>
     <p><code>tt:span</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.inline.mode">mal2html.inline.mode</code></p>
    </td>
    <td>
     <p><code>tt:br</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.inline.mode">mal2html.inline.mode</code></p>
    </td>
    <td>
     <p><code>mal:media</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.ttml.mode">mal2html.ttml.mode</code></p>
    </td>
    <td>
     <p><code>tt:tt</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.ttml.mode">mal2html.ttml.mode</code></p>
    </td>
    <td>
     <p><code>tt:body</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.ttml.mode">mal2html.ttml.mode</code></p>
    </td>
    <td>
     <p><code>tt:div</code></p>
    </td>
   </tr>
   <tr>
    <td>
     <p><code xref="mal2html.ttml.mode">mal2html.ttml.mode</code></p>
    </td>
    <td>
     <p><code>tt:p</code></p>
    </td>
   </tr>
  </tbody>
 </table>
</page>
