Question

I created the chromeless player like this one. Could I change big red play button which is showing when player state is -1 (video is not played)? I want to add my image instead of classic.

Answer 1

I found the best way to do it.

Thanks @crazyphoton for hack:

function onYouTubePlayerReady(playerId){
    document.getElementById(playerId).playVideo();
    document.getElementById(playerId).pauseVideo();
}

With that code, it’s easy to remove default button.

My question is about adding own button. This demo is answer to that part. Image with position: absolute is play/pause/repeat button which is centered to video.