Game Development Reference
In-Depth Information
Video
Being able to play videos directly inside a browser without having to worry about plu-
gins is quite a joyous experience. Not only that, but since the video element is actually
a native part of the DOM, that means we can also deal with it the same way as we do
with all other DOM elements. In other words, we can apply CSS styles to a video ele-
ment and the browser is more than happy to make things work for us. For example,
suppose we want to create the effect of the video being played on a shiny surface,
where the video reflects vertically and the reflection fades out, blending into the back-
ground, as in the following screenshot:
Since the browser is in charge of rendering the video, as well as applying CSS styles
and effects to all elements being managed by it, we don't have to worry about the logic
involved in rendering a video with special effects added to it. Keep in mind, however,
that the more CSS we throw on top of the video, the more work the browser will have
to do to make the video look the way we want, which may quickly affect performance.
