How to create custom elements of control for Youtube video player?

Help me to create custom elements of control for Youtube video player like on this page (the first great video)

P.S. if possible, please give the ready code. I will be very grateful

The site uses the YouTube Player API:

You could also try something like MediaElements.js

I’m not good at programming. What do I need to do to connect the styles of this player to the YouTube player?

This is not something a beginner will be able to tackle easily, so if you’re doing this for your project I would suggest you avoid this topic until you’ve passed the front-end section of the course.

The API reference details the functions that you can use on the player object:

After the player has been loaded, you can create whichever player elements you want and have them use this API in an event handler.

myButton.addEventListener('click', function(event) {
1 Like

Sorry, I don’t understand.:cry: Can you give an example of the completed code?

The example I gave is as good as you’ll get from me. This is a forum for people who are learning to program, not get free work. If you don’t understand how that works, then you should learn more JavaScript before trying to use the YouTube API.

You can sign up here and get started today:

1 Like

I’m sorry. You’re right. :pensive: