Build Your Own HTML Media Player

 46 Reviews Add a review

Published June 2015

Expand your HTML5 arsenal video and audio know how

HTML5 has a lot of handy tricks up its sleeves now days, particularly with media.

Why not expand your HTML5 arsenal by learning in-depth techniques to work with video and audio tag features and functionalities? In this course our SitePoint favourite Guilherme, will provide you with all you need to know about HTML media using HTML5, CSS and Javascript. Oh, did we mention you’ll be building your very own boom-bastic media player too? It’s very fantastic!

Elias Papadamos and Aurelio De Rosa have fine tuned this course to ensure you’ll be playing some fine tunes.

Oh yeah, and the whole SitePoint library! Learn More.

What you'll learn

Learn how to insert audio and video files in a HTML page using the respective HTML5 tags, also understanding how to customize the browsers’ default look and feel for these elements through the development of a media player.

How to insert video in a HTML5 page How to insert audio in a HTML5 page How to create a custom media player in HTML/CSS/Javascript which can be used to play both audio and video

  • Closed captions available
Meet your instructor
Guilherme Muller

Guilherme is a freelance full-stack developer with over 10 years of experience working with websites. With a passion for HTML and CSS, he specializes in the intricacies of building and structuring web pages and layouts.

Lesson 1: Course Overview
Course Introduction 1:30
Course Files 1:25
Lesson 2: The Video Tag
Video Tag Basics 9:25
Including Video Subtitles 9:09
Software and Plugin Tips 7:11
Lesson 3: The Audio Tag
Audio Tag Basics 4:17
Software and Plugin Tips 4:14
Lesson 4: Building a Media Player
Building a Media Player with HTML 5:49
Building a Media Player with CSS 15:53
Building a Media Player with JavaScript 7:41
Finishing the Player with JavaScript 21:01
Lesson 5: Course Conclusion
Conclusion 0:56

Leave a Review