// Use global value so player detection occurs only once per page refresh
var hasRightVersion = false;
/** @description Bind the event handler to the movie clip links
* @param {String} clipLinksId id of element (list or div) enclosing the links
* @param {String} swf full url to the swf
* @param {String} statusline string to show in status bar when mousing over the links; clip number is appended
* @param {String|Array} transcript (optional) path or array of paths to transcripts (some video clip sets will share a single transcript,
* others will have a separate transcript for each clip
* @param {String} className (optional)
*/
function attachClipLinkEvents(clipLinksId, swf, className, transcript, autoplay, videoWidth, videoHeight) {
var node = document.getElementById(clipLinksId),
clip;
clip = 1;
playMovieClip(clip, swf, clip.transcript, videoWidth, videoHeight);
}
// Use this function to wrap attachClipLinkEvents, because the latter has three optional arguments.
function bindClipLinkEvents(args) {
attachClipLinkEvents(args.clipLinksId,
args.swf,
args.className || "",
args.transcript || "",
args.autoplay || false,
args.videoWidth || 320,
args.videoHeight || 240
)
}
// Play a Flash 8 video clip
// Arguments:
// clip = clip number to play
// swf = full url to swf file
// transcript = transcript file to point to in case Flash Player is not installed
// Assumptions:
// * The page contains a div with id "video" that will enclose the video screen, replacing any original content
// * The page contains a div with id "getflash" enclosing the Adobe get flash link. It will be replaced by
// a message including the get flash link in case the required version of flash is not detected.
// * The flv file are stored in the same directory as the swf and named: 1.flv
// * Other parameters of the video object (dimensions, looping, etc.) have been hard-coded,
// but could be parameterized.
// Styles for the player are defined in /style/flashvideoplayer.css and media.css
function playMovieClip(clip, swf, transcript, videoWidth, videoHeight) {
var video = document.getElementById("video"),
intro = document.getElementById("intro"),
htmlstring;
// Hide the original text
// Use 2 different divs rather than replacing the innerHTML of the original div: this allows
// us to declare styles in a stylesheet for the video div without affecting the intro div.
if (intro) {
intro.className = "hidden";
}
// Check for required version of Flash Player
// RY 7/19/06 Made hasRightVersion global, so it only gets tested once per page refresh
if (!hasRightVersion) {
hasRightVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
}
// An acceptable version has been detected
if (hasRightVersion) {
video.innerHTML =
''
;
}
// Flash is too old or we can't detect the plugin
else {
// Need an intermediate variable to build up the string. It's interesting that it doesn't work to put partial, ill-formed
// html into the video.innerHTML property, as happens if you build up the video.innerHTML value directly in 2-3
// steps as below.
htmlstring =
'
Adobe Flash Player version 8 or above is required to view this video content.'
+ ' Click on the button below to download the player';
if (transcript) {
htmlstring +=
', or read the transcript'
+ ' instead';
}
htmlstring +=
'.
';
video.innerHTML = htmlstring;
video.style.textAlign = "left"; // don't center the text
// suppress the "get flash" logo, since it is displayed as part of the error message
document.getElementById("getflash").className = "hidden";
}
}
instead';
}
htmlstring +=
'.
'
+ '