Overlay div over YouTube iframe

Question

I want to add a div over YouTube iframe, I have tried adding wmode: "transparent", changing the z-index and nothing seems to be working for me any ideas

<div id="ytplayer"></div>
<div id="my_div"></div>

function onYouTubePlayerAPIReady() {
    player = new YT.Player('ytplayer', {
      height: '480',
      width: '853.333333',
      videoId: mMs_XJT6YFc,
      playerVars: {
        wmode: "transparent",
        controls: 0,
        showinfo: 0,
        rel: 0,
        modestbranding: 1,
        iv_load_policy: 3
        },
        events: {
            'onReady': onPlayerReady,
            'onStateChange': onPlayerStateChange
        }
    });
};