$(document).ready(function () {
$("#tn-atom__video-play-icon").click(function () {
$(this).hide();
$("#play").show();
$("#aa").stop(true, false);
audioTag1.pause();
}).hide(); // hide it initially
$("#play").click(function () {
$(this).hide();
$("#pause").show();
animateaa();
});
});
#play { position: relative; border: 3px solid #fff; width: 36px; height: 36px; background-color: red; border-radius: 50%; visibility: hidden; }
#play:before { position: absolute; left: 14px; top: 10px; content:''; border-left: 12px solid white; border-top: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; }