Support videoobject for XHTML/FO

[tomschr]

Problem Description

For our doc evolution project we would like to support screencasts. Of course, this needs to be supported first in GeekoDoc (see below).

Input XML fragment with informalfigure/mediaobject/videoobject

<informalfigure>
    <mediaobject>
      <videoobject>
        <videodata fileref="screencast.mp4" width="80%">
          <multimediaparam name="type" value="video/mp4"/>
          <multimediaparam name="controls" value="true"/>
        </videodata>
        <videodata fileref="screencast.webm" width="50%">
          <multimediaparam name="type" value="video/webm"/>
          <multimediaparam name="controls" value="true"/>
        </videodata>
      </videoobject>
      <textobject>
        <para>Hello</para>
      </textobject>
    </mediaobject>
</informalfigure>

However, there are differences between the XHTML and XHTML5 output:

Output HTML from the XHTML stylesheet

<div class="informalfigure">
    <div class="mediaobject">
      <table border="0" summary="manufactured viewport for HTML img" style="cellpadding: 0; cellspacing: 0;" width="80%">
          <tr>
              <td>
                <embed src="screencast.mp4screencast.webm" width="100%"></embed>
              </td>
          </tr>
      </table>
      <table border="0" summary="manufactured viewport for HTML img" style="cellpadding: 0; cellspacing: 0;" width="50%">
            <tr>
              <td>
                <embed src="screencast.mp4screencast.webm" width="100%"></embed>
              </td>
            </tr>
      </table>
    </div>
</div>

Output HTML from the XHTML5 stylesheet

<div class="informalfigure">
    <div class="mediaobject">
       <video style="width: 80%; " class="videoobject" controls="true">
          <source class="videodata" src="screencast.mp4" type="video/mp4"/>
          <source class="videodata" src="screencast.webm" type="video/webm"/>
          <div class="textobject">
            <p>Hello</p>
          </div>
       </video>
    </div>
</div>

Problem: The <embed/> doesn't work as expected. It's just an empty page. However, the (X)HTML5 stylesheets create a HTML5 <video> tag which is good.

Keep in mind: these are just the original DocBook stylesheets.

Expected Behaviour

We need to adapt it to our stylesheets:

• correct our XHTML customizations
• make videos work also from SUSE Wistia video platform
• decide and implement what we want to do for FO/PDF.

References

• Support videoobject to allow screencasts geekodoc#95

[tomschr]

Open question: how do we distinguish between content for Wistia and other content?

Wistia needs the following markup:

<script src="https://fast.wistia.com/embed/medias/abcdefghij.jsonp" 
async></script>
<script src="https://fast.wistia.com/assets/external/E-v1.js" 
async></script>
<span class="wistia_embed wistia_async_abcdefghij popover=true popoverAnimateThumbnail=true" 
style="display:inline-block;height:84px;position:relative;width:150px">&nbsp;</span>