How to Customise HTML5 Video Player Controls with VideoJS

Рет қаралды 36,884

3 жыл бұрын

How to Customise HTML5 Video Player Controls with VideoJS
Learn how to customize HTML5 video player controls with videojs. I will show you how you can design and customize the player options, It will make your video player look much more beautiful.
I will also give you the custom theme I have created. :)
Check out the source code below with details
Source code: codepen.io/Hujjat/pen/OJpwBNO
Video used: www.pexels.com/videos/
Library: videojs.com/
github.com/videojs/themes

Пікірлер: 23

@philippe_1776 2 ай бұрын

Thank you, i've search a tuto like this one for a long time ! TThanks

@JamesT65 Жыл бұрын

thanks, you got me a nice player that I can now control and resize. Kudos to you.

@adeisaac 3 жыл бұрын

Finally, good to have you back

@CodeInspire 3 жыл бұрын

Thanks bro 👋

@hotdotcyber6719 3 жыл бұрын

Waited for ur tutorials, You can also make tutorials on uploading multiple images , creating thumbnails in laravel, working with vue 3, Using spinners, other methods of authentication in laravel. You are such a blessing.

@CodeInspire 3 жыл бұрын

Thank you. I will upload more videos after this 🙌🙌

@SketchyAussie 3 жыл бұрын

I feel like I know where the inspiration for this video came from.. haha Good to see you creating new content bro - told you I hit the bell. ;)

@CodeInspire 3 жыл бұрын

Haha yes bro. You got it right 🙌. Thanks for the support Paul.

@md.shohanurrahman5266 3 жыл бұрын

thank you so much.

@CodingWithJan 3 жыл бұрын

He's back 🙌😃

@CodeInspire 3 жыл бұрын

Yess. More videos coming 🙌🙂

@adeisaac 3 жыл бұрын

Ohh yeah, he is back

@Vivek.Kumar28 Жыл бұрын

Hello Bro, this code of player is not responsive on mobile and tablet. request you to please tell me how to make this player responsive so that page design also looks good on mobile Thanks

@mochamadrizal7250 2 жыл бұрын

bro how to fix The media could not be loaded, either because the server or network failed or because the format is not supported.

@_tanzil_ 10 ай бұрын

When i dynamically inject the html markup with source using JavaScript, it doesn't work. Please help me 😭

@JenniferKrisystin 5 ай бұрын

great video

@TechBro-code 2 ай бұрын

Auto playing videos must be muted... I thought it was a bug earlier

@MetsXMFanZonePodcast 4 ай бұрын

what you using to write that code

@bekat2265 2 жыл бұрын

And how to add custom button?

@nextgeninside 2 жыл бұрын

4:55 You can add custom CSS for the classes like ur css should be : .video-js span something { color: red !important; content: url("/path/image.png") !important; //for custom button image } *Dont forget to add !important in your CSS because it is the thing that overrides the video js css file*