I have an embedded youtube video on the homepage with a mediaelement.js Wordpress media player controls bar on top of the youtube video. Only I wish to have a placeholder on this video so youtube load only activates on a click. I have the code to put a placeholder on the youtube video :

<div class="youtube-player" data-id="5lotv_hbHKo" data-related="0" data-control="0" data-info="0" data-fullscreen="0" style="width:100%;display: block; position: relative;cursor: pointer;max-height:125px;height:auto;  overflow:hidden;padding-bottom:56.25%;margin:0 auto"><img src="//i.ytimg/vi/5lotv_hbHKo/hqdefault.jpg" style="bottom: -100%; display: block; left: 0; margin: auto; max-width: 100%; width: 100%;height:auto; position: absolute; right: 0; top: -100%;"> <div style="height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: position: absolute;"> </div></div>

My question is, what do I have to add to the html code to have the medialement.js player control bar added after clicking the placeholder? I hope someone can help me with that.