How to work with HTML video

Move over YouTube... with the <video> element and a little JavaScript, you can start to create your own video site. The video element is fairly straightforward to use, but the real power comes when you combine it with JavaScript, which gives you a high level of control over the player’s behaviour. 

In this tutorial, we cover the basic setup of a video, selecting files to play back, and generating thumbnails. Not your thing? Use a website builder to create a site with no code, and explore your web hosting options.

Thank you for reading 5 articles this month* Join now for unlimited access

Enjoy your first month for just £1 / $1 / €1

*Read 5 free articles per month without a subscription

Join now for unlimited access

Try first month for just £1 / $1 / €1

Simon Jones

Simon Jones is a technology leader with experience managing product and engineering teams of up to 200 staff, both at startups and large corporates. He is a proficient full-stack developer, in particular with Go & React + TypeScript. He now works at Facebook in London. Formerly CTO at Norwegian VC-backed startup Just, and Engineering Director at Barclays and American Express.

Latest in Videography
A shot of the FlexClip logo on an orange background
FlexClip review: online video editor's asset-rich free version is a highlight
How to make GIF&#039;s using shortcuts
How to make a GIF on iPhone or iPad
Premiere Pro AI feature shown at MAX
Premiere Pro's new tools are exactly what AI should be used for
Two kittens and a Canon camera
Canon's new VR cat video is ridiculously cute
An image from a Yorkshire Water video compared with stock footage
Another company is in troubled waters after a silly stock video gaffe
A screenshot from LumaFusion for iOS
LumaFusion for iOS review: multicam editing gives video app a pro toolset
Latest in How to
Gesture drawing: all you need to know plus ways to practise in 2 and 5 minutes
How to draw a male figure
drawing of a naked woman with someone drawing it
How to draw a female figure
GIMP in pro work
Making GIMP 3.0 work for pro results: is it possible?
Pejman Rajabi 3D tutorial of Super Mario fan art
“One of the best creative experiences of my life, working with such an amazing artistic crew” – how VFX artist Pejman Rajabi and friends created a heartfelt tribute to Super Mario
Marco Teixeira 3D tutorial
“The challenge was to create a cool character design”: concept artist Marco Teixeira reveals the techniques and inspiration behind his superb 3D character render