// Use a variable to reference the embedded SWF file. var flashVideoPlayer; var isIE; // When the HTML page loads (through the onLoad event of the tag), it calls the initialize() function. function initializeVideo() { /* Check whether the browser is IE. If so, flashVideoPlayer is window.videoPlayer. Otherwise, it's document.videoPlayer. The videoPlayer is the ID assigned to the and tags. */ isIE = navigator.appName.indexOf("Microsoft") != -1; flashVideoPlayer = (isIE) ? window['demoVideo'] : document['demoVideo']; if (flashVideoPlayer == null) flashVideoPlayer = document['demoVideo']; if (flashVideoPlayer == null) alert('Interactive Video will not work,\r\nthe flashVideoPlayer could not be defined by the browser'); } /* When the user clicks the play button in the form, update the videoStatus text area, and call the playVideo() function within the SWF file, passing it the URL of the FLV file. */ function callFlashPlayVideo() { var comboBox = document.forms['videoForm'].videos; var video = comboBox.options[comboBox.selectedIndex].value; updateStatus("____" + video + "____"); flashVideoPlayer.playVideo("http://www.helpexamples.com/flash/video/" + video); } // Call the pauseResume() function within the SWF file. function callFlashPlayPauseVideo() { flashVideoPlayer.pauseResume(); } // The updateStatus() function is called from the SWF file from the onStatus() method of the NetStream object. function updateStatus(message) { if (message == "finished") { minimizeVideo(); //alert('done'); } else if (message == "stopMessage") { showStopMessage(); } //document.forms['videoForm'].videoStatus.value += message + "\n"; } function minimizeVideo() { CallFlash('stop'); hidePlayer(); } function hidePlayer() { hideVideoControls(); isHidden = true; // Set the video player and its container to not visible; if (isIE) { flashVideoPlayer.height = 5; flashVideoPlayer.width = 5; document.getElementById("movieObject").height = 5; document.getElementById("movieObject").width = 5; } else { flashVideoPlayer.style.display = 'none'; document.getElementById("movieObject").style.display = 'none'; } // Set the resume button to visible document.getElementById("btnResumeVideo").style.display = 'block'; } function resumeVideo() { isHidden = false; document.getElementById("moviePanel").style.left=25; document.getElementById("moviePanel").style.width=315; // Set the video player and its container to visible; if (isIE) { flashVideoPlayer.height = 560; flashVideoPlayer.width = 300; } else { flashVideoPlayer.style.display = 'block'; document.getElementById("movieObject").style.display = 'block'; } // Set the resume button to not visible document.getElementById("btnResumeVideo").style.display = 'none'; // Start the video playing CallFlash('play'); } var isPlaying = true; var isHidden = false; function CallFlash(flashParameter) { if (flashParameter == "play") { if (isPlaying) { flashParameter = "stop"; isPlaying = false; } else { isPlaying = true; } } else { isPlaying = false; } // Set the property on the flash control flashVideoPlayer.pmovie(flashParameter); } function setPlayButtonOver() { if (isPlaying) { document.getElementById("videoPlayButton").src = "images/PauseOver.gif"; document.getElementById("videoPlayButton").alt = "Pause the Video"; } else { document.getElementById("videoPlayButton").src = "images/PlayOver.gif"; document.getElementById("videoPlayButton").alt = "Play the Video"; } } function setPlayButtonOut() { if (isPlaying) document.getElementById("videoPlayButton").src = "images/Pause.gif"; else document.getElementById("videoPlayButton").src = "images/PlayClear.gif"; } function showStopMessage() { if (!confirm('To close this video click the Stop button at the left of the video controls below.' + '\r\nOr...\r\n\r\nClick OK to to continue to play the video or click Cancel to close it')) { minimizeVideo(); } } function showVideoControls() { if (! isHidden) document.getElementById("videoControls").style.display='block'; } function hideVideoControls() { document.getElementById("videoControls").style.display='none'; } function changeImage(img, newImage) { img.src=newImage; } function renderMoviePanel() { var moviePanel = document.getElementById("moviePanel"); if (moviePanel != null) { if (moviePanel.style.display !== "none") { alert('Please use the play button to the left to see the demo or click ' + 'the Question mark to read more about this video.'); } else { moviePanel.style.position = "absolute"; moviePanel.style.display = "block"; moviePanel.style.left = "25px"; moviePanel.style.top = "116px"; moviePanel.style.width = "315px"; moviePanel.innerHTML = getMovieMarkup(); initializeVideo(); } } } function getMovieMarkup() { //
var markup = "
"; markup += ""; markup += ""; markup += ""; markup += ""; markup += ""; markup += ""; markup += ""; markup += ""; markup += "
"; markup += ""; markup += "\"About"; markup += "
"; markup += "
"; markup += "\"Resume"; markup += "
"; return markup; }