Summary

In this chapter, you learned different ways to manipulate video. These included the following:

  • Drawing the current frame of video as an image onto a canvas
  • Repositioning of a video element on the screen by changing the left and top style attributes
  • Using style directives to layer a video, a canvas, and a button
  • Creating a moving mask on a canvas
  • Acquiring information on the dimensions of the window to adapt an application to different situations

The next chapter will show you how to use the Google Maps Application Programming Interface (API) in an HTML5 project. The project will involve using a canvas and changing the z-index so that the canvas is alternatively under and over the material produced by Google Maps.

Get HTML5 and JavaScript Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Start your free trial