EXERCISE $10\mathrm{.}2.$ Embedding a video player

In this exercise, you'll add a video to a page with the video element. In the materials for Chapter $10,$ you will find the small movie about wind funnel testing in MPEG$-4,$ OGG$/$Theora$,$ and WebM formats

$1$ Create a new document with the proper HTML$5$ setup, or you can use the same document you used in ExERCSE $10\mathrm{.}1.$

$2$ Start by adding the video element with the src altribute pointed to windtunnel.mp$4$ because MP$4$ video has the best browser support. Be sure to include the width $(320$ pixels$)$ and height $(262$ pixels$),$ as well as the controls attinbute so you'll have a way to play and pause it Include some fallback copy within the video element$-$either a message or a link to the video:

$3$ Save and view the document in your browser. If you see the fallback message, your browser is old and doesn't support the video element. If you see the controls but no video, it doesn't support MP$4,$ so try it again with one of the ofther formats

$4$ The video element is pretty straightlonward so you may feel done at this point, but I encourage you to play around with it a little to see what happens. Here are some things to try

Resize the video player with the width and height attributes.

Add the autoplay attnbute

Remove the controls attribute and see what that's like as a user

Rewrite the video element using source elements for each of the three provided video formats.