Windows Media Player pimpen

Status
Niet open voor verdere reacties.

tombalfoort

Gebruiker
Lid geworden
25 sep 2006
Berichten
386
Hallo, ik ben met een site bezig waar ook audio en video op komt.

Maar ik wil hem net als de tmf mediaplayer (www.tmf.nl/mediaplayer/) opmaken.

Ik heb daar al in de broncode gekeken maar daar kan ik niks vinden waar ik wijs van wordt.

kan iemand mij helpen ?


groetjes tom :thumb:

(ik weet niet of het met een script moet of met css)
 
Laatst bewerkt:
Die mediaplayer is volledig gemaakt in flash, dus dit heeft niks te maken met Windows Mediaplayer. Ook zal je niks van broncode terugvinden omdat met flash alles gegenereert word naar een swf.

Maar met een beetje flash kan je wel zoiets voor elkaar krijgen. Zoeken is dus de boodschap
 
Nou, ik heb met opera nog eens goed gekeken en daar vindt ik toch gewoon een windows mediaplyer script

Dit script heb ik namelijk gevonden (ik snap er niks van maar ik zie wel dat er een windows mediaplyer code in zit )
HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>VideoPlayer</title>
<style type="text/css">@import url("css/mp_video.css");</style>
<script type="text/javascript" src="js/mp_video.js"></script>
</head>
<body oncontextmenu="return true" ondragstart="return false">
<div id="page"></div>
</body>
</html>

Dit staat in het frame van de video en dit is het script die er in zit :

HTML:
//########################################################################################
function videoObject(i,v,e) {	
	if(v==1)
	{
		document.writeln('<OBJECT id="Player" name="Player" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="500" height="400">');
		document.writeln('<PARAM NAME="uiMode" VALUE="none">');	
		document.writeln('<PARAM NAME="autoStart" VALUE="true">');
		document.writeln('<PARAM NAME="autoSize" VALUE="false">');
		document.writeln('<PARAM NAME="stretchToFit" VALUE="true">');			
		document.writeln('<PARAM NAME="URL" VALUE="'+i+'" />');
		document.writeln(e);
		document.writeln('</OBJECT>');
	} else {
		document.writeln('<br /><center><embed id="Player" pluginspage="http://www.microsoft.com/windows/windowsmedia/download/" type="application/x-mplayer2" src="'+i+'" name="URL" value="'+i+'" height="400" width="498" ShowControls=1 ShowDisplay=0 ShowStatusBar=1 autostart=1 autorewind=0 ShowPositionControls=0 ShowTracker=1 EnableContextMenu=1 stretchToFit=0></embed></center>');
	}	
}

//########################################################################################
function addLoadEvent(func) {
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function() {
			oldonload();
			func();
		}
	}
};

//########################################################################################
function addEvent( obj, type, fn ) {
  if ( obj.addEventListener ) {
    obj.addEventListener( type, fn, false );
  }
  else if ( obj.attachEvent ) {
    var eProp = type + fn;
    obj["e"+eProp] = fn;
    obj[eProp] = function() { obj["e"+eProp]( window.event ); };
    obj.attachEvent( "on"+type, obj[eProp] );
  }
  else {
    obj['on'+type] = fn;
  }
};
// addEvent(window,'load',Init);

//######################################################################################## Broadcast
function setPlayB(value)
{
	if(value==1)
	{
		document.Player.controls.play();
		divPlay.innerHTML='<a href="javascript:;" onClick="setPlayB(0);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Play\',\'\',\'img/controls_stop_down.gif\',1)"><img src="img/controls_stop_up.gif" alt="Stop" name="Stop" id="Play" /></a>';
	} else {
		document.Player.controls.stop();
		divPlay.innerHTML='<a href="javascript:;" onClick="setPlayB(1);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Play\',\'\',\'img/controls_play_down.gif\',1)"><img src="img/controls_play_up.gif" alt="Play" name="Play" id="Play" /></a>';
	}
}

//######################################################################################## Streamed
function setPlayS(value)
{
	if(value==1)
	{
		document.Player.controls.play();
		divPlay.innerHTML='<a href="javascript:;" onClick="setPlayS(0);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Play\',\'\',\'img/controls_pause_down.gif\',1)"><img src="img/controls_pause_up.gif" alt="Pause" name="Pause" id="Play" /></a>';
		divPlay.innerHTML+='&nbsp;&nbsp;<a  href="javascript:;" onClick="setPlayS(2);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Stop\',\'\',\'img/controls_stop_down.gif\',1)"><img src="img/controls_stop_up.gif" alt="Stop" name="Stop" id="Stop" /></a>';
	} else if(value==2) {
		document.Player.controls.stop();
		divPlay.innerHTML='<a href="javascript:;" onClick="setPlayS(1);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Play\',\'\',\'img/controls_play_down.gif\',1)"><img src="img/controls_play_up.gif" alt="Play" name="Play" id="Play" /></a>';
		divPlay.innerHTML+='&nbsp;&nbsp;<img src="img/controls_stop_down.gif" alt="Stop" name="Stop" id="Stop" />';
	} else {
		document.Player.controls.pause();
		divPlay.innerHTML='<a href="javascript:;" onClick="setPlayS(1);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Play\',\'\',\'img/controls_play_down.gif\',1)"><img src="img/controls_play_up.gif" alt="Play" name="Play" id="Play" /></a>';
		divPlay.innerHTML+='&nbsp;&nbsp;<a  href="javascript:;" onClick="setPlayS(2);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Stop\',\'\',\'img/controls_stop_down.gif\',1)"><img src="img/controls_stop_up.gif" alt="Stop" name="Stop" id="Stop" /></a>';
	}
}

//########################################################################################
function setMute (value)
{
	if(value==1)
	{
		Player.settings.mute = 'true';
		divMute.innerHTML='<a href="javascript:;" onClick="setMute(0);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'unMute\',\'\',\'img/controls_unmute_down.gif\',1)"><img src="img/controls_unmute_up.gif" alt="unMute Volume" name="unMute" id="unMute" /></a>';
		VolumeMap.src="img/controls_vol_0.gif";
		VolumeMap.alt="Volume 0%";
		Player.settings.volume = "00";

	} else {
		Player.settings.mute = 'false';
		divMute.innerHTML='<a href="javascript:;" onClick="setMute(1);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Mute\',\'\',\'img/controls_mute_down.gif\',1)"><img src="img/controls_mute_up.gif" alt="Mute Volume" name="Mute" id="Mute" /></a>';
		VolumeMap.src="img/controls_vol_9.gif";
		VolumeMap.alt="Volume 90%";
		Player.settings.volume = "90";
	}
}

//########################################################################################
function FullScreen ()
{
	 if (Player.playState == 1)
	 {
	 	alert('Stream is stopped...');
	 }
	 else if (Player.playState == 2)
	 {
	 	alert('Stream is paused...');
	 }
	 else if (Player.playState == 6)
	 {
	 	alert('Stream is buffering...');
	 }
	 else if (Player.playState == 3)
	 {
		alert('Je gaat nu naar de volledigscherm modus. Om terug te keren naar de Mediaplayer, druk dan op de "Esc" knop');
		Player.fullScreen = 'true';
	}
}
//########################################################################################
function VolToggle (value)
{
		VolumeMap.src="img/controls_vol_"+value+".gif";
		VolumeMap.alt="Volume "+value+"0%";
		Player.settings.volume = value + "0";
		Player.settings.mute = 'false';
		divMute.innerHTML='<a href="javascript:;" onClick="setMute(1);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Mute\',\'\',\'img/controls_mute_down.gif\',1)"><img src="img/controls_mute_up.gif" alt="Mute Volume" name="Mute" id="Mute" /></a>';
}
//########################################################################################
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("javascript:;")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

//########################################################################################
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

//########################################################################################
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

//########################################################################################
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//########################################################################################
//########################################################################################
function initializedragie()
{
	iex=event.clientX;
	iey=event.clientY;
	tempx=showimage.style.pixelLeft;
	tempy=showimage.style.pixelTop;
	dragapproved=true;
	document.onmousemove=drag_dropie;
	if (document.all)
	{
		document.onmouseup=new Function('dragapproved=false');
	}
}
//########################################################################################
function initTrackPosition()
{
	positionSet=true;
	iex=event.clientX;
	iey=event.clientY;
	tempx=trackPosition.style.pixelLeft;
	tempy=trackPosition.style.pixelTop;
	dragapproved=true;
	document.onmousemove=positionDragControl;
	if (document.all)
	{
		document.onmouseup=playerSetPosition;
	}
}

//########################################################################################
function setTrackIcon()
{
	if (positionSet!=true)
	{

		if (var_startpoint+(var_length*(Player.Controls.currentPosition/Player.currentMedia.Duration)))
		{
			document.all.trackPosition.style.pixelLeft=var_startpoint+(var_length*(Player.Controls.currentPosition/Player.currentMedia.Duration));
			clipMuch=trackPosition.style.pixelLeft-var_startpoint;
			trackPositionBg.style.clip="rect(0," + clipMuch + ",5,0)";
		}
	}
}
//########################################################################################
function positionDragControl()
{
	if (dragapproved==true)
	{
		var mov = tempx+event.clientX-iex;
		//status="mov="+mov+", iex="+iex+", tempx="+tempx+", event.clientX="+event.clientX;

		if (mov >= var_startpoint  && mov <= var_startpoint+var_length)
		{
			document.all.trackPosition.style.pixelLeft=tempx+event.clientX-iex;
			clipMuch=trackPosition.style.pixelLeft-var_startpoint;
			trackPositionBg.style.clip="rect(0," + clipMuch + ",5,0)";
		}
		return false;
	}
}

//########################################################################################
function playerSetPosition()
{
	if (positionSet==true)
	{
		positionSet=false;
		dragapproved=false;
		per=(trackPosition.style.pixelLeft-var_startpoint)/var_length;
		position=Player.currentMedia.Duration*per;
		setPosition(position);
	}
}

//########################################################################################
function setPosition(position)
{
	Player.Controls.currentPosition=position;
}

//########################################################################################


En dit is dan de css

HTML:
* {
	margin: 0;
	padding: 0;
}
html, body {
	text-align: center;
	color: #424242;
	font-size: 8pt;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	background-color: #000;	
}
img { border:0; }
#page {	
	margin-top:-2px;

	padding:4px 0 0 0;	
	background-attachment: fixed;
	background-image: url(/mediaplayer/img/video.jpg);
	background-repeat: no-repeat;
	background-color: #000;	
	width:473px;
	height:400px;	
}
* html #page {
	margin-top:0px;
}
#videoPlayer {
	width:465px;
	height:355px;
	overflow:hidden;
}
#Player {
	margin-top:-21px;
	margin-left:-20px;	
}
.floatLeft {
	float: left;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.floatRight {
	float: right;
	text-align: left;
	margin: 0px;
	padding: 0px;
}
.floatCenter {
	float: center;
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#divTitle {
	text-align:right;
	width:80px;
	padding-right:16px;
}
#VideoPos { 
	width:471px; 
}
#VideoControls { 
	height: 35px; 
}
#divPlay {
	float:left;
	text-align:left;
	width:90px;
	padding:6px 0px 0px 10px;
}
#VideoTxt {
	float:left;
	text-align:left;
	width:175px;
	padding:10px 0px 0px 0px;
}
#VideoSettings {
	float:right;
	text-align:right;
	width:191px;
	padding:0px 1px 0px 0px;
}
#divHalfscreen {
	display: none;
}
#trackPosition
{
	z-index: 1;
	top: 360px;
	left: 1px;
	width: 16px;
	position: absolute;
	height: 6px;
	cursor: hand;
}
#trackPositionBg
{
	z-index: -1;
	top: 364px;
	left: 1px;
	width: 471px;
	position: absolute;
	height: 1px;
	background-color: #424242;
	clip: rect(5px 0px 0x 0px);
}
#tPos
{
	margin-top:3px;

	height:1px;
	background-color:#424242;
}


Ze werken niet met een flash player.

Dus het is windows mediaplyer.

Wie zou mij dan kunnen helpen?

groetjes tom
 
Zou iemand mij a.u.b. kunnen hlepen ...

Ik heb wel een aantal dingen geprobeerd maar het lukt egt neit ...
 
nou, dat zou ik niet weten .. . Ik heb alleen de code van tmf maar ik snap er niks van .... :S
 
Tom Balfoort.com

Heb je site bezocht. Zou je willen adviseren iets aan je spelling te verbeteren; zo maakt het ,
wat tekst betreft, niet echt een professionele indruk. Zie bv. MIJNWOORDENBOEK.NL
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan