As you know, the browser manufacturers all have a different take on their video controllers. In this exercise, explore one possible solution from videojs.com which is a simple copy and paste solution.
- [Instructor] Throughout this course you may have noticed…that the players or controllers for your videos…all look different depending upon…which browser you're using, and that's because…the decision of which player to use was left…to the browser manufacturers.…So they're all different…and they all have different features…and they all work a little bit differently from each other.…They all have essentially the same controls, but…they're in different places or they look different.…You have two solutions to this if you're looking to bring…consistency into your designs.…The first solution is to roll your own controls,…which is what I've got here.…
- Key video formats used to publish on the web
- Encoding video that's optimized for online delivery
- HTML5 native video embedding and interaction
- Styling video components with CSS
- Captioning video
- Preparing video for social media
- Using Dynamic Link
Skill Level Beginner
Design the Web: HTML Background Videowith Chris Converse28m 35s Intermediate
Web Video: Develop Your Video Presencewith Rick Allen Lippert41m 54s Intermediate
Web Video: Makeup Techniqueswith Rick Allen Lippert25m 47s Intermediate
Exercise files1m 11s
1. Web Video Formats
2. Encoding Video
3. HTML5 and Video
4. Video and CSS
5. Playing with Video
Next steps1m 23s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.