Hello Everyone,
Is there a way to edit the HTML code of the web object iframes produced by Captivate? We are using Vimeo video embeds inside our Captivate projects, which has been a great solution to our video needs until recently when Vimeo changed their coding and the FULLSCREEN button became disabled when the embeds were inside an iframe produced by other software (Captivate, in this case). Vimeo provided us with the following advice, as well as a screenshot of one of our published Captivate project's source code, which I've included:
As you can see, the Vimeo player embed (indicated lower in that page’s code) is found within a second containing iframe (indicated higher in the page’s code).
When this is the case, the containing iframe must also include the following fullscreen attributes: “mozallowfullscreen,” “webkitallowfullscreen,” and “allowfullscreen.” Please add these three attributes to the containing iframe, and let me know if you still do not see the fullscreen option.
We use a two-step process that involved placing the Vimeo embed inside a Tumult Hype-produced OAM file for use in Captivate, but we have found a way to get fullscreen to work in the Hype file. We just need a way to add the fullscreen HTML code ("mozallowfullscreen webkitallowfullscreen allowfullscreen") to the iframe produced by Captivate, as pointed out by the top green arrow in the screenshot. Where can this code be found and can we edit it manually to include the fullscreen attributes?
Thank you very much for your time and attention!
SkillQ Team
15
Replies
Hello,
Thanks for answering my post. I pasted this code into my index.html file
right after the initial tag. Was that what you are suggesting? It
did not make a difference. I've pasted the code from my index.html file
below. If you have a minute to look at it and let me know if I've followed
your instructions correctly I'd really appreciate it. I've also attached a
zip file with a sample of my captivate output in case it would be useful.
I appreciate any and all help with this.
Thanks,
Pete
Pete Barbella
Training Manager – S2 Security Corporation
www.s2sys.com | +1 508.663.2425 (office) | +1 508.663.2512 (fax)
Follow Us LinkedIn
var interfaceObj, eventEmitterObj;
window.addEventListener( 'moduleReadyEvent', function ( e )
{
interfaceObj = e.Data;
eventEmitterObj = interfaceObj.getEventEmitter();
initializeEventListeners();*
});
function initializeEventListeners()
{
if ( interfaceObj )
{
if ( eventEmitterObj )*
{*
eventEmitterObj.addEventListener( 'CPAPI_SLIDEENTER', function (
e )*
{ *
document.addEventListener( 'DOMNodeInserted', function ( e ) *
{*
if ( e.target.nodeName == 'IFRAME' )*
{ *
var frame = document.getElementsByTagName( 'iframe' )[ 0 ];*
if ( frame != null )*
{ *
for ( var i = 0; i < frame.length; i++ )*
{*
frame.setAttribute('allowFullScreen', 'true')*
}*
}*
}*
}, false); *
}); *
}*
}
*} *
#initialLoading
AdChoices