displaying current position not working in firefox with WM plugin

[yashish444]

Hi guys

I have a piece of code that works with IE7 and IE8 but don't work with firefox with the windows media plugin installed.

I'm trying to "alert" the current position (timeline) of a video.

html code:

<div class='videoDiv' id='showDis'>
<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' ID='MediaPlayer1'>
  <param name='url' value='myvideo.asx' />
  <param name='src' value='myvideo.asx' />
  <param name='showcontrols' value='true' />
  <param name='autostart' value='true' />
  <!--[if !IE]>-->
  <object type='video/x-ms-wmv' data='myvideo.asx' height='400' width='450'>
    <param name='src' value='myvideo.asx' />
    <param name='autostart' value='true' />
    <param name='controller' value='true' />
  </object>
  <!--<![endif]-->
</object>
</div>

<input type=button onclick="showCurrentPosition();" value="Show Timeline Position">

javascript code:

function showCurrentPosition(){
	objPlayer = document.getElementById('MediaPlayer1');
	alert(objPlayer.controls.currentPosition);
}

I get the following error:

Error: objPlayer.controls is undefined

here it says the "controls" object is suppose to work in firefox
what am I doing wrong in the javascript or html code ?

[animalj7]

Could it be something related to how the object is defined in the HTML?

Looks like for non-IE browsers, it defines an object within the MediaPlayer1 object.

Maybe try something like giving that object an id.

<div class='videoDiv' id='showDis'>
<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' ID='MediaPlayer1'>
  <param name='url' value='myvideo.asx' />
  <param name='src' value='myvideo.asx' />
  <param name='showcontrols' value='true' />
  <param name='autostart' value='true' />
  <!--[if !IE]>-->
  <object type='video/x-ms-wmv' data='myvideo.asx' height='400' width='450' ID='MediaPlayer2'>
    <param name='src' value='myvideo.asx' />
    <param name='autostart' value='true' />
    <param name='controller' value='true' />
  </object>
  <!--<![endif]-->
</object>
</div>

<input type=button onclick="showCurrentPosition();" value="Show Timeline Position">

function showCurrentPosition(){
	objPlayer = document.getElementById('MediaPlayer2');
	alert(objPlayer.controls.currentPosition);
}

If that works in FF, then you would just need to add proper javascript to determine which browser is being used.

[yashish444]

Could it be something related to how the object is defined in the HTML?

Looks like for non-IE browsers, it defines an object within the MediaPlayer1 object.

Maybe try something like giving that object an id.

<div class='videoDiv' id='showDis'>
<object classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' ID='MediaPlayer1'>
  <param name='url' value='myvideo.asx' />
  <param name='src' value='myvideo.asx' />
  <param name='showcontrols' value='true' />
  <param name='autostart' value='true' />
  <!--[if !IE]>-->
  <object type='video/x-ms-wmv' data='myvideo.asx' height='400' width='450' ID='MediaPlayer2'>
    <param name='src' value='myvideo.asx' />
    <param name='autostart' value='true' />
    <param name='controller' value='true' />
  </object>
  <!--<![endif]-->
</object>
</div>

<input type=button onclick="showCurrentPosition();" value="Show Timeline Position">

function showCurrentPosition(){
	objPlayer = document.getElementById('MediaPlayer2');
	alert(objPlayer.controls.currentPosition);
}

If that works in FF, then you would just need to add proper javascript to determine which browser is being used.

that worked thanks