Como criar incone player em imagem?

[kakoo 0]

Olá Pessoal...

 

eu gostaria de saber se alguem saberia me informar qual codigo HTML ou JavaScript seria para por um link EMBED VIDEO em uma imagem para q ao clikar ela abra o video na janela do navegador...

 

vo dar um exemplo de um site q tem oq eu quero...

 

http://www.filmesonlinehd.com/os-mercenarios-dublado-online/

 

se você por o mouse encima da imagem vai notar q aparece um icone de PLAY e ao clikar abre o video no centro da tela do site mesmo, o interesante eh q n sai da pagina pq abri em outra aba eh simples mais gostaria de saber desse exemplo se alguem puder me ajudar claro =]

 

espero q n tenha problema em postar o site em questao mais n vi outra forma de poder explikar oq eu estou procurando, entao peço desculpas ao imasters se infrigi as regras.

 

entao eh isso pessoal, eu queria saber se alguem vai poder me ajudar com isso.

 

abraços a todos.

[Otata 4]

o "play" que aparece quando passa o mouse, nada mais é quem um evento no onmouseover que joga uma div com a imagem, e tem um link na imagem..

 

ex simples

 

<style>
#album{width:120;height:150px;border:1px solid;}
#play{width:60px;height:75px;border:1px solid;margin:18px auto;display:none}
</style>

<div id="album">
	ALBUM
	<a href='http://google.com.br' target='blank'><div id="play">PLAY</div></a>
</div>
<script>
document.getElementById('album').onmouseover = function(){
	document.getElementById('play').style.display = 'block';
};
document.getElementById('album').onmouseout = function(){
	document.getElementById('play').style.display = 'none';
};
</script>

nessa linha..