Page 1 of 1
Embedded video in webhelp with fullscreen control
Posted: Wed Jun 29, 2016 11:59 am
by rnvrnv
Hi all,
I would like to have embedded video in Webhelp (classic) publication. for this I am using object tag with href attribute to specify the source.
When published the webhelp displays the embedded player but does not have the fullscreen control. Is there a way to display this fullscreen control?
regards,
rnv
Re: Embedded video in webhelp with fullscreen control
Posted: Wed Jun 29, 2016 5:06 pm
by bogdan_cercelaru
Hello,
To have fullscreen control in your videos in the WebHelp output, you should make the following change:
- open "DITA-OT\plugins\com.oxygenxml.webhelp\oxygen-webhelp\resources\skins\desktop\toc_driver.js" file
- find the following line:
and add the following code after this:
Code: Select all
iframeHeader.setAttribute("allowfullscreen", "true");
Regards,
Bogdan
Re: Embedded video in webhelp with fullscreen control
Posted: Wed Jun 29, 2016 6:54 pm
by rnvrnv
thank you for your quick response.
however, still the fullscreen icon is still not displayed. can you please specify how I should specify in dita properly? maybe I am not specifying the tags properly.
also maybe you can let me know where in webhelp publication I can verify / change so that fulscren icon is displayed.
Re: Embedded video in webhelp with fullscreen control
Posted: Thu Jun 30, 2016 9:58 am
by bogdan_cercelaru
Hello,
In your DITA topic you should have an "object" element with the "outputclass" attribute set to "video" to have in your generated WebHelp the "video" element. Here is an example:
Code: Select all
<object outputclass="video">
<param name="src" value="path_to_your_video" />
<!-- Optional parameters -->
<param name="height" value="720" />
<param name="width" value="1280" />
</object>
in the generated WebHelp it will be
Code: Select all
<video src="path_to_your_video" controls="controls" height="720" width="1280"></video>
rnvrnv wrote:also maybe you can let me know where in webhelp publication I can verify / change so that fulscren icon is displayed.
In the WebHelp output, you should add the following line
Code: Select all
iframeHeader.setAttribute("allowfullscreen", "true");
in the "${OUTPUT_DIR}\oxygen-webhelp\resources\skins\desktop\toc_driver.js" file.
Regards,
Bogdan
Re: Embedded video in webhelp with fullscreen control
Posted: Mon Jul 04, 2016 9:27 am
by rnvrnv
Thank you very much