How to create custom Youtube video player controls?

Question

YouTube

Help create custom Youtube video player controls like on this page (first big video) www.nurturedigital.com/work/puma-all-star-group
Know just done with IFrame Player API But how to make it look Exactly like on that page, I don't know. Who has already dealt with the IFrame Player API or just understands better than me how to implement it, write. And if possible, please post the code. I would be very grateful.

Answer 1

This is on top of the original player, not comfy, but of course beautiful. But it doesn't work in chrome (at least for me) It's
better to change styles in the player itself, like ( theme: "light", the example is working. With a white strip instead of red) Clicking without overloading
------

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 = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

Answer 2

I can't fucking do it exactly like on that page...