Jump to content

[SOLVED] media player for videos on website


rockindano30

Recommended Posts

  • 2 weeks later...

this is how i solved it using js.

 

<html>
<head>
<title>Embed Media Player</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<script type"text/javascript">
function PlayMedia(clipName){
document.getElementById("player").innerHTML='<object id="mediaPlayer" width="265" height="190" '
      +'classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95" '
      +'codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" '
      +'standby="Loading Microsoft Windows Media Player components..." type="application/x-oleobject">'
      +'<param name="fileName" value="'+clipName+'">'
      +'<param name="autoStart" value="true">'
      +'<param name="showControls" value="true">'
      +'<param name="ShowStatusBar" value="1">'
      +'<param name="loop" value="false">'
      +'<embed type="application/x-mplayer2" '
      +'pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" '
      +'showcontrols="true" width="265" height="190" '
      +'src="'+clipName+'" autostart="true" loop="false">'
      +'</embed>'
     +'</object>'
}
</script>
<style type="text/css">
<!--
#playerframe {
width: 268px;
position: relative;
padding: 5px;
}
#playerframe ul {
background-color: #590002;
padding: 0px;
}
#playerframe a {
line-height: 35px;
text-decoration: none;
display: block;
color: #CCCCCC;
padding: 5px;
}
#playerframe a:hover {
background-color: #800003;
border: 1px solid #CCCCCC;
}
#playerframe li {
list-style-type: none;
display: block;
}
-->
</style>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
<body>
<div id="playerframe">
<div id="player">
  <script type="text/javascript">
AC_AX_RunContent( 'id','mediaPlayer','codebase','http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701','type','application/x-oleobject','width','265','height','190','standby','Loading Microsoft Windows Media Player components...','classid','CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95','pluginspage','http://microsoft.com/windows/mediaplayer/en/download/','showcontrols','true','src','','autostart','true','loop','false','filename','','showstatusbar','1' ); //end AC code
</script><noscript><object id="mediaPlayer"
                  codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701"
                  type="application/x-oleobject"
                  width=265
                  height="190" 
                  standby="Loading Microsoft Windows Media Player components..." 
                  classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95>
    <PARAM NAME="fileName" VALUE="" />
    <PARAM NAME="autoStart" VALUE="true" />
    <PARAM NAME="showControls" VALUE="true" />
    <PARAM NAME="ShowStatusBar" VALUE="1" />
    <PARAM NAME="loop" VALUE="false" />
    <embed
                  	type="application/x-mplayer2"         
                    pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" 
                    showcontrols="true" 
                    width="265" 
                  	height="190"
                  	src="" autostart="true" 
                  	loop="false">
  </embed></object></noscript>
</div>
<ul>
  <li><a href="http://link.to.your.clip.here.mpg" onClick="PlayMedia(this.href);return false">Video one </a></li>
  <li><a href="http://link.to.different.clip.here.mpg" onClick="PlayMedia(this.href);return false">Video Two</a></li>
  <li><a href="http://link.to.different.clip.here.mpg" onClick="PlayMedia(this.href);return false">Video Three</a></li>
</ul>
</div>
</body>
</html>

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.