How to optimize this version of flash banners in html5?

Question

JavaScript

Available:

<div class="adw">
<script>
$("body") 
.on("mouseover", "#test1, #test2", function(){ 
$("#test1").css({"display": "none"}); 
$("#test2").css({"display": "block"}); 
}) 
.on("mouseleave", "#test1, #test2", function(){ 
$("#test1").css({"display": "block"}); 
$("#test2").css({"display": "none"}); 
}) 
;
</script>

<div id="test1">
<object type="application/x-shockwave-flash" data="/uploads/hh/a.swf" width="257" height="453">
<param name="movie" value="/uploads/hh/a.swf">
<param name="quality" value="high">
<embed src="/uploads/hh/a.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="257" height="453" />
</object>
</div>

<div id="test2" style="position: absolute; display:none; margin: 0px -514px;">
<object type="application/x-shockwave-flash" data="/uploads/hh/a2.swf" width="509" height="456">
<param name="movie" value="/uploads/hh/a2.swf">
<param name="quality" value="high">
<embed src="/uploads/hh/a2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="509" height="456" />
</object>
</div> 
</div>

When you hover over a banner, another flash banner opens, but since flash is not fashionable today, I wanted to translate it into html5.