Gestionați-vă playerul youtube prin javascript

Gestionați-vă playerul youtube prin javascript
Gestionați-vă playerul youtube prin javascript

Inițializarea playerului

În primul rând, trebuie să creați un bloc în locul căruia va fi încărcat playerul și, de asemenea, este necesar să plasați conexiunea API YouTube.







După ce API este încărcat complet, se va apela metoda onYouTubeIframeAPIReady (). care trebuie să fie definite de noi. În interiorul, trebuie să creați un obiect de player YouTube. Primul argument: identificatorul elementului HTML în care va fi plasat playerul (în cazul nostru, substituentul video). În al doilea rând: un obiect cu următoarele câmpuri:

Codul complet va arăta astfel:

După ce playerul este încărcat complet, va fi apelată metoda initialize (). Acesta lansează o funcție funcțională care va funcționa în fiecare secundă.

Funcția specificată va fi implementată în metoda updateTimerDisplay (). care va fi numit în fiecare secundă. Apoi, ne referim la metodele API pentru obținerea informațiilor necesare.

Înregistrarea blocului progresiv

Nu este nimic supranatural. Pălăm două butoane și urmărim clicurile pe ele.

Managementul sunetului

Pentru a activa / dezactiva sunetul, putem crea un buton special.

Dacă vrem să setăm volumul în procente, putem lua valoarea corespunzătoare din câmp și îl vom transmite metodei setVolume (). Această valoare va fi adăugată automat la tipul de care aveți nevoie pentru această metodă, deci nu mai trebuie să vă faceți griji.

Alte setări ale playerului

Viteza de redare

În player.setPlaybackRate (), puteți trece una dintre următoarele valori:

Creați un element