Rizki Adi Saputra

Thanks for sharing ! this is my result, https://prnt.sc/gunzg6
yee, look like yutub , for reference 🙂

netikar sundeep

Nice video, Thanks . Can u create a tutorial for video to display in landscape mode using css and javascript.plz

Super Khaled

hope from you to create another advanced playlist and Thank you!

Kevin Wiens

P.S I have already made all this work in Adam's HTML-5 audio player so I assume it is
a very similar process..Thanks again..

Umakant Vfx

for more style video player put code in css
video#my_video{
border: 0px solid;
border-radius: 35px;}
div{
background-color:red;
}
div#video_player_box{background-color:red;
border: 2px solid;
border-radius: 25px;}
div{
background-color:red;
border: 2px solid;
border-radius: 25px;
}
input#volumeslider{
background-color:red;
border: 2px solid;
border-radius: 25px;
}
button#mutebtn{
background-color:red;
border: 2px solid;
border-radius: 25px;
}
button#fullscreenbtn{
background-color:green;
border: 2px solid;
border-radius: 25px;
}

Rizky Pratama

How to display custom controls on the full screen mode?

Swapnil Sonsurkar

thnx for share this knowledge here

crashxxx

Hey guys, here something to think about how would you make play/pause in one line at 10:59? You can see the code Adam took 6-7 lines, perfectly fine tho, but today I was implementing exactly play/pause in 1line(not counting updating html 2 lines if we count updating html.

Haftepaff

I've a video that has been encoded with softsub (ssa/ass), but the subtitles is disabled by default whenever I play the clip. Is there a viable solution to this issue by any chance?

chandrasekar p

its easy… and good tutorial

merlin2437

You have a wonderful conciseness and clarity. I've learnt so much. Thank you. Got my player working, Firefox OK, Chrome OK, but IE looks like their style not mine. Hoped HTML5 would get rid of all this browser specific code after years of trying to code for all the browsers.

Gideon Ofori

Thanks for your great tutorials, i like this series because it has numbering which makes it easier to follow. I wish the css3 series and html5 were also numbered.

Peter M. Souza Jr.

my users can now upload videos !!! thanks 

Jay Mee

how do i get this to play on click (when i click the video)? Also #RewriteRule ^watch/([0-9]+)/([0-9a-zA-Z_-] +)$ /apps/vids/index.php?title=$1 [NC,L]

doesn’t seem to work any ideas?

Johnny original

Is there any way to make CC/Subittels if it is could u make that tourial too pls?

Felten Hage

Thanks for the video, it was really helpful.

Is there also a way that the video is going to pause if you scroll away from the video?
Hope you can help me with that.

Jose Echevarria

How eliminate the default html5 controls, after customized the video controls if you do right click you can select show controls and will stay showing the default controls especially in a full screen mode.

Yokim Yokimsson

Great series! I have learned alot 🙂 Keep it up!

abo2lhish

Can u send plz the images too .. !! 

Jamie MotoJ

how did you use mp4 for all browsers? video works on none other than chrome and i only have sound no picture help please…  🙁

BrKT85

Adam, can you please do a tutorial on how to insert an image in an HTML 5 video tag. The image is a link and displays before the video plays, when the video is paused or when the video ends.

Thanks.

OSHbots

It might be better to have some of the players background color in your button images so you have a bigger target to click on. I don't think browsers make the transparent parts "click-able", so maybe just leave a strip between the rectangles of the "pause" button and it might be easier to use.  My 2 cents…   Great series.

Alfy George

thanks bro really help me….

Ryan D

Awesome video's! Is there a way to have the seekbar also a progress bar?

Emanuel Hillberg

Great job Adam. Thanks for sharing!