How to create custom controls video with Youtube player?

Help to create custom controls video with Youtube player like on this page (first video)

I only know that this is done using the IFrame Player API But how to do it so it would look exactly like that page, I don't know. Who have already dealt with the IFrame Player API, or just knows better than me how to implement it, write. And, if possible, throw off please ready code. I would be very grateful.
June 7th 19 at 14:43
2 answers
June 7th 19 at 14:45
This over the top original player nakamitsu but of course beautiful. But it does not work in chrome( at least for me)
Better styles to change within the player, tipo ( theme: "light", an example of a work. With a white stripe instead of red) is Pressed without reloading
locris2= '<span onclick="player.loadVideoById(\"+loc+ '\', 0);return false"><img src="'+ locris + '/default.jpg" align="left" width="23%" height="8%"></span>' };

<div id="player" class="More design player"></div>

var player; function onYouTubeIframeAPIReady() 
{ player = new YT.Player('player',{ videoId:'<?php echo".$fulluri2." ; ?>',
playerVars: { autoplay: 1, html5: 1, theme: "light", modesbranding: 0,
color: "white", iv_load_policy: 3, showinfo: 0, controls: 2, 'wmode':'opaque',<?php echo ".$list."; ?>}, }); } 
var tag = document.createElement('script');tag.src = "";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
June 7th 19 at 14:47
Damn I can't do exactly the same as on that page...

Find more questions by tags YouTube