Hi, My name is Andy Leverenz and I work as a Product Designer at Dribbble. For fun I design, code, and write. Check out my blog called Web-Crunch [ Ссылка ] where I publish design and development tutorials with the occasional vlog.
====================
This video is part of my Let's Build: With JavaScript series. Be sure to check out the playlist on my channel or my blog for all of the videos so far!
Welcome to the next installment to my Let's Build: With JavaScript series. This tutorial teaches you how to create, customize, and manipulate an HTML5 video player using vanilla JavaScript.
I'll be using a combination of HTML, CSS, and JavaScript to accomplish this task which is a bit more advanced than the previous installments in this series.
I got the initial idea for manipulating an HTML5 Video element from Wes Bos who did a very similar video tutorial in is JavaScript 30 course. I highly recommend giving his course a go as it teaches you modern tips and tricks for JavaScript workflow.
Much of the credit for the concept and code structure goes to Wes on this one. I wanted to take a stab at doing something similar with my own flair. I used different styles, naming conventions, and more to accomplish what you see on the final CodePen (linked on the blog post below).
====================
💻 Previously published at:
[ Ссылка ]
💻 Check out the blog:
[ Ссылка ]
🔭 Check out my app:
[ Ссылка ]
💡 👫 Check out my agency:
[ Ссылка ]
🦄 Check out my personal site:
[ Ссылка ]
🚀 Links:
Weekly Newsletter: [ Ссылка ]
Twitter: [ Ссылка ]
Twitter(Personal Account): [ Ссылка ]
Facebook: [ Ссылка ]
Dribbble: [ Ссылка ]
Github: [ Ссылка ]
Medium: [ Ссылка ]
📘Check out my book on UX Design:
"LUXD: Learn User Experience Design"
[ Ссылка ]
📙 Check out my FREE book on Tumblr Theming:
"Pro Tumblr Theming"
[ Ссылка ]
💯 Need awesome web hosting? Check out cloudways. They allow me to use a variety of hosting providers and build apps with ease:
[ Ссылка ]
🌊 Need more advanced hosting for Rails, PHP, Node, or other projects? Digital Ocean has you covered.
[ Ссылка ]
💎 Ruby on Rails devs, Try HatchBox.io. You'll save upwards of 50% compared to Heroku. I use it and love it!
[ Ссылка ]
☕️ 🙏🏻 Patreon
[ Ссылка ]
☕️ Or buy me a coffee
[ Ссылка ]
How to Code a Custom HTML5 Video Player
Теги
html5videojavascriptjavascript videovideo elementvideo htmlHow to Code a Custom HTML5 Video Playerjavascript tutorialsprogramming tutorialsweb developmentweb development tutorialscoding tutorialslearn to codehow to codehow to write javascriptvanilla javascripthow to learn javascriptlearn javascriptlets buildweb-crunchwebcrunchhtml5 video playervideo playerjavascript html videovanilla javascript tutorials