Eu criei o player sem cromo como este. Posso alterar o grande botão de reprodução vermelho que é exibido quando o estado do player é -1 (o vídeo não é reproduzido)? Eu quero adicionar minha imagem em vez de clássico.
Respostas:
4 para resposta № 1você poderia tentar este hack ..
function onYouTubePlayerReady(playerId){
document.getElementById(playerId).playVideo();
document.getElementById(playerId).pauseVideo();
}
O grande botão vermelho desaparece se você reproduzir o vídeo e pausá-lo.
(Lembre-se de que onYouTubePlayerReady não funciona no localhost. Você precisa testá-lo em um servidor online)
0 para resposta № 2
Eu encontrei a melhor maneira de fazer isso.
Obrigado @crazyphoton por hackear:
function onYouTubePlayerReady(playerId){
document.getElementById(playerId).playVideo();
document.getElementById(playerId).pauseVideo();
}
Com esse código, é fácil remover o botão padrão.
Minha pergunta é sobre como adicionar o próprio botão. Esta demonstração é a resposta a essa parte. Imagem com position: absolute
é o botão reproduzir / pausar / repetir que está centralizado no vídeo.
0 para resposta № 3
Se você precisar de um ícone de reprodução personalizado no início devídeo, então você pode primeiro carregar miniatura + Seu ícone de reprodução na frente da miniatura. E quando o usuário clicar neste botão de reprodução, remova a miniatura e carregue o vídeo do YouTube com reprodução automática. Por exemplo, via nirvanatikku / jQuery-TubePlayer-Plugin
Miniatura Você pode carregar: https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg