Embedded video in webhelp with fullscreen control

Post here questions and problems related to editing and publishing DITA content.
rnvrnv
Posts: 17
Joined: Wed Sep 09, 2015 11:07 am

Embedded video in webhelp with fullscreen control

Post 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
bogdan_cercelaru
Posts: 222
Joined: Tue Jul 01, 2014 11:48 am

Re: Embedded video in webhelp with fullscreen control

Post 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:

Code: Select all

iframeHeader.src = dynamicURL;
and add the following code after this:

Code: Select all

iframeHeader.setAttribute("allowfullscreen", "true");
Regards,
Bogdan
Bogdan Cercelaru
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
http://www.oxygenxml.com
rnvrnv
Posts: 17
Joined: Wed Sep 09, 2015 11:07 am

Re: Embedded video in webhelp with fullscreen control

Post 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.
bogdan_cercelaru
Posts: 222
Joined: Tue Jul 01, 2014 11:48 am

Re: Embedded video in webhelp with fullscreen control

Post 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
Bogdan Cercelaru
<oXygen/> XML Editor, Schema Editor and XSLT Editor/Debugger
http://www.oxygenxml.com
rnvrnv
Posts: 17
Joined: Wed Sep 09, 2015 11:07 am

Re: Embedded video in webhelp with fullscreen control

Post by rnvrnv »

Thank you very much
Post Reply