Youtube Chromeless Player - Change Start Button With Big Start

Question

I created a player without a chronicle, like this one . Can I change the big red play button showing when the player’s status is -1 (video does not play)? I want to add my image instead of the classic one.

Answer 1

I have found a better way to do this.

Thanks @crazyphoton for hacking:

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

With this code, it is easy to remove the default button.

My question is adding my own button. This demo is the answer to this part. An image with position: absolute is a play / pause / repeat button that is oriented to the video.

Answer 2

you can try this hack ..

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

The big red button disappears if you play the video and pause the video.

(Keep in mind that onYouTubePlayerReady does not work on localhost, you need to test it on an online server)

Answer 3

If you need a custom play icon at the beginning of the video, you can first download the thumbnail + play icon in front of the thumbnail. And when the user clicks on this play button, delete the thumbnail and download the YouTube video using auto play. For example, via nirvanatikku / jQuery-TubePlayer-Plugin

Thumbnail you can download: https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg