I suggest you put the video in a snippet, which you can then insert in any other topic as required.
If Captivate creates a full HTML package containing the video, upload the package files as a page on your server (as probably explained in the Captivate docs).
Then include that page as an iframe in your snippet. Use the Insert HTML Code Object function in H&M and put something like this in the snippet:
Code: Select all
<p style="font-style:italic;">How to save a document -
<input type="button" style="font-family:Verdana; font-size:11px; color:#000000; width:80px;" value="show video"
onclick="javascript:document.getElementById('video_box').style.display='block';
document.getElementById('video1').src='https://www.youtube.com/embed/afvGStYT9xI?rel=0';" title="click to show the video">
<input type="button" style="font-family:Verdana; font-size:11px; color:#000000; width:80px;" value="hide video"
onclick="javascript:document.getElementById('video_box').style.display='none';
document.getElementById('video1').src='';" title="click to hide the video">
</p>
<div id="video_box" style="width:480px; border:10px solid #FF9900; display:none; background-color:#FF9900;">
<iframe id="video1" width="480" height="360" src="" frameborder="0" allowfullscreen></iframe>
</div>
Code: Select all
https://www.youtube.com/embed/afvGStYT9xI?rel=0
Here's a link to show that working: http://85a.uk/dummy/test_video.html
regards,
Martin.