/ / Youtube Chromeless Player - Zmień duży przycisk startowy - javascript, youtube, youtube-api, odtwarzacz

Youtube Chromeless Player - Zmień przycisk uruchamiania dużego startu - javascript, youtube, youtube-api, player

Stworzyłem odtwarzacz bez chromowania ten. Czy mogę zmienić duży czerwony przycisk odtwarzania, który jest wyświetlany, gdy stan gracza wynosi -1 (wideo nie jest odtwarzane)? Chcę dodać moje zdjęcie zamiast klasycznego.

Odpowiedzi:

4 dla odpowiedzi № 1

mógłbyś spróbować tego włamania ..

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

Duży czerwony przycisk znika, jeśli odtwarzasz wideo i wstrzymujesz wideo.

(Pamiętaj, że onYouTubePlayerReady nie działa na localhost. Musisz przetestować go na serwerze online)


0 dla odpowiedzi nr 2

Znalazłem najlepszy sposób, aby to zrobić.

Dzięki @crazyphoton za hack:

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

Dzięki temu kodowi łatwo jest usunąć przycisk domyślny.

Moje pytanie dotyczy dodawania własnego przycisku. To demo jest odpowiedzią na tę część. Obraz z position: absolute to przycisk odtwarzania / pauzy / powtarzania, który jest wyśrodkowany na wideo.


0 dla odpowiedzi № 3

Jeśli potrzebujesz niestandardowej ikony odtwarzania na początkuwideo, możesz najpierw załadować miniaturę + ikonę odtwarzania z przodu miniatury. A gdy użytkownik kliknie ten przycisk odtwarzania, usuń miniaturę i załaduj film z YouTube za pomocą autoodtwarzania. Na przykład przez nirvanatikku / jQuery-TubePlayer-Plugin

Miniatura Możesz załadować: https://img.youtube.com/vi/dQw4w9WgXcQ/maxresdefault.jpg