JSFiddle - React, Tailwind, and code Playground

by Voron

HTML

<div id="watch7-player" class="flash-player player-root" style="overflow-x: hidden; overflow-y: hidden;">
<img id="img" class="disabled" src="http://clip2net.com/clip/m40453/thumb640/1357651258-2013-01-08-152057_95x31_scrot-889b.png">
<embed type="application/x-shockwave-flash" src="http://s.ytimg.com/yts/swfbin/watch_as3_hh-vfleHfpd4.swf" id="movie_player" class="disabled"...

CSS

#watch7-player {
  min-height: 200px;
	min-width: 200px;
}

.disabled {
  position: absolute;
	left: -2000px;
}

JavaScript

img = document.getElementById("img");
player = document.getElementById("movie_player");
div = document.getElementById("watch7-player");
div.addEventListener("mouseover", function(){
  img.className = "";
}, false);
div.addEventListener("mouseout", function(){
  img.className = "disabled";
}, false);
img.addEventListener("click", function(){
  player.className = "";
  img.className = "disabled";
}, false);