-
1. Re: Responsive videos will not work
Hello,
Welcome to Adobe Forums !
Can you please check the exact version of Adobe Captivate (Go to Help > About Adobe Captivate) ?
Can you please tell how you have shared the published output with the iPad?
Can you please check if the video files are also uploaded in the published folder or not ?
Does the project work fine on local computer?
Thanks,
Himanshu
-
2. Re: Responsive videos will not work
Hi Himanshu,
It's version 8.0.0.145. The file is published in a zip file. Then the entire zip file is put into Dream Weaver. When I publish the files it renames the video files to Vi2.mp4 and Vi4.mp4 within the vr folder. These files names don't show in the code of Dream Weaver though. I am not familar with code so this is my latest issue. As for does it work fine.... it does in preview. The Captivate file itself works fine on my laptop with the exception of the videos as well, it says "loading" and does nothing. I appreciate any advice you have to offer!
Thanks,
Kim
-
-
4. Re: Responsive videos will not work
Hi Lilybiri,
Ok I updated and still not working. Great idea though. Thanks.
Kim
-
5. Re: Responsive videos will not work
This is a copy of the code in Dream Weaver... I feel like it should show the video file name somewhere.... Captivate changed the file names to Vi2.mp4 and Vi4.mp4. Any thought on this being the problem?
<!DOCTYPE html>
<html lang="en">
<head>
<meta
name='viewport' content='initial-scale = 1, minimum-scale = 1, maximum-scale =
1'/><meta
http-equiv="Content-Type" content="text/html;
charset=utf-8" /><meta
http-equiv="x-ua-compatible" content="IE=10"><title></title>
<style
type="text/css">#initialLoading{background:url(assets/htmlimages/loader.gif)
no-repeat center
center;background-color:#ffffff;position:absolute;margin:auto;top:0;left:0;right:0;bottom: 0;z-index:10010;}</style><script>
function
initializeCP(){
function cpInit()
{
document.body.innerHTML = " <div class='cpMainContainer'
id='cpDocument' style='left: 0px; top:0px;' >
<div id='main_container'
style='top:0px;position:absolute;width:100%;height:100%;'>
<div id='projectBorder'
style='top:0px;left:0px;width:100%;height:100%;position:absolute;display:block'></div>
<div class='shadow' id='project_container' style='left: 0px;
top:0px;width:100%;height:100%;position:absolute;overflow:hidden;' >
<div id='project' class='cp-movie' style='width:100%
;height:100%;overflow:hidden;'>
<div id='project_main' class='cp-timeline
cp-main'>
<div id='div_Slide' onclick='cp.handleClick(event)' style='top:0px; width:100%
;height:100% ;position:absolute;-webkit-tap-highlight-color:
rgba(0,0,0,0);'></div>
</div>
<div id='autoplayDiv'
style='display:block;text-align:center;position:absolute;left:0px;top:0px;'>
<img id='autoplayImage' src=''
style='position:absolute;display:block;vertical-align:middle;'/>
<div id='playImage' tabindex='9999' role='button' aria-label='play'
onkeydown='cp.CPPlayButtonHandle(event)' onClick='cp.movie.play()'
style='position:absolute;display:block;vertical-align:middle;'></div>
</div>
</div>
<div id='toc' style='left:0px;position:absolute;-webkit-tap-highlight-color:
rgba(0,0,0,0);'>
</div>
<div id='playbar' style='bottom:0px;
position:fixed'>
</div>
<div id='cc' style='left:0px;
position:fixed;visibility:hidden;pointer-events:none;'
onclick='cp.handleCCClick(event)'>
<div id='ccText' style='left:0px;float:left;position:absolute;width:100%;height:100%;'>
<p
style='margin-left:8px;margin-right:8px;margin-top:2px;'>
</p>
</div>
<div id='ccClose' style='background-image:url(./assets/htmlimages/ccClose.png);right:10px;
position:absolute;cursor:pointer;width:13px;height:11px;'
onclick='cp.showHideCC()'>
</div>
</div>
<div id='gestureIcon'
class='gestureIcon'>
</div>
<div id='gestureHint'
class='gestureHintDiv'>
<div id='gImage'
class='gesturesHint'></div>
</div>
<div id='pwdv'
style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px;t op:0px'></div>
<div id='exdv' style='display:block;text-align:center;position:absolute;width:100%;height:100%;left:0px; top:0px'></div>
</div>
</div></div><div id='blockUserInteraction' class='blocker'
style='width:100%;height:100%;'>
<table style='width:100%;height:100%;text-align:center;vertical-align:middle'
id='loading'
class='loadingBackground'>
<tr style='width:100%;height:100%;text-align:center;vertical-align:middle'>
<td style='width:100%;height:100%;text-align:center;vertical-align:middle'>
<image
id='preloaderImage'></image>
<div
id='loadingString'
class='loadingString'>Loading...</div>
</td>
</tr> </table></div> <div
id='initialLoading'></div>";
cp.DoCPInit();
}
if((typeof InitAppPackager !== "undefined") && (typeof
InitAppPackager === "function"))
{
InitAppPackager(cpInit);
}
else
{
cpInit();
}}
</script>
</head>
<body>
<div id='initialLoading'></div><script>
(function()
{
if(document.documentMode < 9)
{
document.body.innerHTML = "";document.write("The
content you are trying to view is not supported in the current Document Mode of
Internet Explorer. Change the Document Mode to Internet Explorer 9 Standards
and try to view the content again.<br>To change the Document Mode, press
F12, click Document Mode: <current mode>, and then select Internet
Explorer 9 Standards.");
return;
}
window.addEventListener("load",function()
{
setTimeout(function()
{
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'assets/js/CPXHRLoader.js';
script.defer = 'defer';
script.onload = function()
{
var lCSSLoaded = false;
var lJSLoaded = false;
function constructDIVs()
{
if(lCSSLoaded && lJSLoaded)
{
initializeCP();
}
}
cpXHRJSLoader.css('assets/css/CPLibraryAll.css',function() {
lCSSLoaded = true;
constructDIVs();
});
var lJSFiles = [ 'assets/js/jquery-1.6.1.min.js','assets/js/CPM.js','assets/playbar/playbarScript.js'
];
cpXHRJSLoader.js(lJSFiles,function()
{
//console.log("js loaded");
lJSLoaded = true;
constructDIVs();
});
}
document.getElementsByTagName('head')[0].appendChild(script);
},1);
},false);
})();</script>
<noscript
style="text-align:center;font-size:24px;">Enable Javascript
support in the browser.</noscript></body>
</html>
