|
|
I'm trying to set up a video player like the one on this web site:
http://blueroomnyc.com/work/Q3hLj98JKyh/history-refresh/
I've been given this script to try out:
function AddEventListener(element, eventType, handler, capture)
{
if(element.addEventListener)
{
element.addEventListener(eventType, handler, capture);
}
else if(element.attachEvent)
{
element.attachEvent("on" + eventType, handler);
}
}
// Called when the page loads
window.onload = function()
{
}
function showQT(movie, width, height)
{
writeToRelatedGroupDiv("moviecontainer", "<EMBED SRC='/movies/" + movie + "' width='" + width + "' height='" + height + "' SCALE='ToFit' AUTOPLAY='true' CONTROLLER='true' LOOP='false' HREF='/movies/" + movie + "' TARGET='myself' PLUGINSPAGE='http://www.apple.com/quicktime/'></EMBED>");
}
function showWMV(movie, width, height)
{
var wmvContent = "";
wmvContent += '<object id="MediaPlayer" width=' + width + ' height=' + height + ' classid="CLSID:22D6f312-B0F6-11D0-94AB-0080C74C7E95" standby="Loading Windows Media Player components..." type="application/x-oleobject" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,7,1112">';
wmvContent += '<param name="filename" value="/movies/' + movie + '">';
wmvContent += '<param name="Showcontrols" value="True">';
wmvContent += '<param name="autoStart" value="True">';
wmvContent += '<embed type="application/x-mplayer2" src="/movies/' + movie + '" name="MediaPlayer" width=' + width + ' height=' + height + '></embed>';
wmvContent += '</object>';
writeToRelatedGroupDiv("moviecontainer", wmvContent);
}
// Write to div
function writeToRelatedGroupDiv(ID, htmlContent)
{
// Populate the HTML page
if (document.layers)
{
var oLayer;
oLayer = document.layers[ID].document;
oLayer.open();
oLayer.write(htmlContent);
oLayer.close();
}
else if(parseInt(navigator.appVersion)>=5&&navigator.appName=="Netscape")
{
document.getElementById(ID).innerHTML = htmlContent;
}
else if(document.all)
{
document.all[ID].innerHTML = htmlContent;
}
}
and with the following HTML:
<div id="moviecontainer">
<embed width="531" height="299" pluginspage="http://www.apple.com/quicktime/" target="myself" href="/movies/PVKONGKNQv1LTsDcfqlm.mov" loop="false" controller="true" autoplay="true" scale="ToFit" src="/movies/PVKONGKNQv1LTsDcfqlm.mov" type="video/quicktime"/>
</div>
I'm pretty new to javascript, and while I understand some of what's going on here, I'm not entirely sure where I need to put the name/location of my movies to get them to play. I've tried a few things already, with no luck. Any help would be greatly appreciated.
|
|
|
|
|
|
|
// |
mightypants
