Adding videos to DITA WebHelp output

  1. Edit the DITA topic and insert a reference to the video through one of the following methods:
    • Use the Insert Media Object toolbar action
    • Drag (or copy) the video file from your system explorer or the Project view and drop (or paste) it into your document.
    • Manually add an object element, as in one of the following examples:
      <object outputclass="video" type="video/mp4" data="MyVideo.mp4"/>
      or, instead of the data
      <object outputclass="video">
         <param name="src" value="videos/MyVideo.mp4"/>
      </object>
  2. attribute, you can specify the video using a parameterEdit the DITA topic and insert a reference to the video by adding an attribute, you can specify the video using a parameter like this:object element, as in one of the following examples:
    
    							like<object outputclass="video" type="video/mp4" data="MyVideo.mp4"/>
    or, instead of the data attribute, you can specify the video using a parameter like this:
    <object outputclass="video">
       <param name="src" value="videos/MyVideo.mp4"/>
    </object>
  3. Apply a DITA to WebHelp transformation to obtain the output.
    <video controls="controls"><source type="video/mp4" src="MyVideo.mp4"></source>
    </video>
    The transformation converts the object element to an HTML5 video element.