Free Trial

Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

3. Multimedia Hacking > Hack 33. Beautify Your HTML5 Video Cues

Hack 33. Beautify Your HTML5 Video Cues

Video cues are powerful, but they can be pretty ugly. Luckily, there’s a spec for that! Style your HTML5 video cues with formatting, or even CSS.

Video cues are pretty simple out of the box. They appear as basic white text over your video and show up when the timing from your WebVTT file dictates. The WebVTT specification allows you to identify formatting for your cues, which gives you some basic presentation formatting. Additionally, it allows you to utilize CSS for more advanced styling.

Let’s take a quick peek at what we are working with before we begin to spice it up (see Figure 3-8).

HTML5 video file with basic WebVTT cues presented on the screen
Figure 3-8. HTML5 video file with basic WebVTT cues presented on the screen

  

You are currently reading a PREVIEW of this book.

                                                                                                                    

Get instant access to over $1 million worth of books and videos.

  

Start a Free Trial


  
  • Safari Books Online
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint