Skip to content

Instantly share code, notes, and snippets.

@richjenks
Created November 21, 2015 11:54
Show Gist options
  • Save richjenks/e3a38ae4137c38775b11 to your computer and use it in GitHub Desktop.
Save richjenks/e3a38ae4137c38775b11 to your computer and use it in GitHub Desktop.
Responsive Captivate template

Responsive Captivate

Responsive template for Adobe Captivate projects.

Installation

Move standard.htm to the following two locations, backing-up the original files:

  • C:\Program Files (x86)\Adobe\Adobe Captivate 5\Templates\Publish\
  • C:\Program Files (x86)\Adobe\Adobe Captivate 5\Templates\Publish\SCORM\1_2\

Now, when you publish a project, it will scale to the size of the viewport rather than having fixed dimensions.

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>@MOVIETITLE</title>
<meta name="description" value="@MOVIETITLE">
<script src="standard.js" type="text/javascript"></script>
<style>
body {
background: #eee;
padding: 1em;
text-align: center;
margin: 0;
padding: 0;
overflow: hidden;
}
html,
body,
#CaptivateContent {
height: 100%;
}
</style>
</head>
<body>
<div id="CaptivateContent"></div>
<script>
var so = new SWFObject("@MOVIENAME", "Captivate", "100%", "100%", "@FlashPlayerVersion", "#CCCCCC");
so.addParam("quality", "high");
so.addParam("name", "Captivate");
so.addParam("id", "Captivate");
so.addParam("wmode", "window");
so.addParam("bgcolor","#eee");
so.addParam("menu", "false");
so.addVariable("variable1", "value1");
so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
so.write("CaptivateContent");
document.getElementById('Captivate').focus();
document.Captivate.focus();
</script>
</body>
</html>
@richjenks
Copy link
Author

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment