9 replies to this topic

[MARQUESMARCIO]

Boas,

The um código windows media player embed já com o filename definido que é carregado com autostart false.
O que pretendia é que ao clicar numa imagem o player desse play. É possivel em javascript ?

obrigado pela ajuda.

[Alex Hiroshi]

No IE, sim.

<img src='sua imagem' border='0' onclick='document.getElementById("id_do_embed").play();' />

[MARQUESMARCIO]

Fez o swguinte output e não resultou nem IE nem FF

<a href="#" onClick="java script:span(52);" onClick="document.getElementById("MediaPlayer52")"><img src="/cvc/images/leia_me.jpg"/></a><span id="52" style="display:none;"><OBJECT name="MediaPlayer52" id="MediaPlayer52" width="320" height="50" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e52" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="A carregar componentes..." type="application/x-oleobject">  

		<param name="fileName" value="http://www.xxxxxxx.xx/52.mp3">

		<param name="animationatStart" value="true">

		<param name="autoStart" value="0">

		<param name="transparentatStart" value="true">

		<param name="showControls" value="true">

		<param name="loop" value="false">

			  <EMBED type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="MediaPlayer52" name="MediaPlayer52" displaysize="4" autosize="-1" bgcolor="darkblue" showcontrols="true" showtracker="-1" showdisplay="0" showstatusbar="-1" videoborder3d="-1" width="320" height="50" src="http://www.xxxxxxx.xx/52.mp3" autostart="false" designtimesp="5311" loop="false">

		</EMBED>

	   </OBJECT>

Edição feita por: MARQUESMARCIO, 11/07/2008, 02:00.

[Alex Hiroshi]

E onde ficou o que eu postei?

Quando for usar duas chamadas em um evento, utilize o ponto-e-vírgula para separar as chamadas, as funções. Assim:

onclick="span(52); outra_função()"

[MARQUESMARCIO]

Fez o output e resultou o play:

<a href="#" onClick="java script:span(618); document.getElementById('MediaPlayer618').play();"><img src="/cvc/images/leia_me.jpg"/></a><span id="618" style="display:none;"><OBJECT name="MediaPlayer618" id="MediaPlayer618" width="320" height="20" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e618" codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" standby="A carregar componentes..." type="application/x-oleobject">  
		<param name="fileName" value="618.mp3">
		<param name="animationatStart" value="true">
		<param name="autoStart" value="0">
		<param name="transparentatStart" value="true">
		<param name="showControls" value="false">
		<param name="loop" value="false">
			  <EMBED type="application/x-mplayer2" pluginspage="http://microsoft.com/windows/mediaplayer/en/download/" id="MediaPlayer618" name="MediaPlayer618" displaysize="4" autosize="-1" bgcolor="darkblue" showcontrols="false" showtracker="-1" showdisplay="0" showstatusbar="-1" videoborder3d="-1" width="320" height="20" src="618.mp3" autostart="false" designtimesp="5311" loop="false">
		</EMBED>
	   </OBJECT>

Conforme reparas-te eu tenho o id com MediaPlayer618 porque normalmente tenho 2 imagens e players na mesma pagina e deste modo o player só faz play na imagem correspondente.
Agora com o play adicionado como fazer stop ao clicar a imagem na segunda vez ?

[Alex Hiroshi]

Nesse caso é bom criar uma função.

<script type='text/javascript'>
var p=true;
function playStop()
{
	if (p) {
		document.getElementById('MediaPlayer618').play(); p=false;
	} else {
		document.getElementById('MediaPlayer618').stop(); p=true;
	}
}
</script>

E no onclick você chama essa função. Ah, o 'java script:' que está sendo usado por você, não é necessário. Dá para chamar sem ele, assim: onclick='span(618); playStop()'.

[MARQUESMARCIO]

Funcionou bem

Como tornar compactivel com FF ?

[Alex Hiroshi]

Aí já teria que fazer mais coisas. Só o IE aceita essas propriedades de players. Normalmente o pessoal usa iframes para o player e os botões de play e stop atualizam a página passando um parâmetro na url, aí é verificado o parâmetro. Se for para o play, ele mostra a parte do object/embed, se for para stop, ele retira essa parte da página.

[MARQUESMARCIO]

E escrevendo todo o embed no javascript ?
Uma parte com autostart e outra parte sem autostart é possivel ?
Se sim como tendo em conta aquele output ?

[Alex Hiroshi]

Com javascript até é possível, mas é um trabalho que não vale muito a pena. Dá um pouco de trabalho, já que você tem que pegar parâmetros na url e adicionar ou remover o autostart.
A url da página ficaria assim http://site.com/?auto=play e teria que saber o que está nesse auto. O melhor seria usar uma linguagem dinâmica, como php ou asp, que fica mais fácil de pegar esse valor.