Now, two last things we want to do in our CSS file.
First, let's go back to a.videoLink in the CSS panels with the index.html file open.
Let's come back to our Background setting and let's come in here and take off
that background color.
We had put gray in there so that we could actually see the dimensions of our
in-line anchor links being changed to block display types.
So we'll just take that off.
Let's create one more rule.
Let's come down to Tags.
Let's choose the body tag.
Let's come in here to Background.
Let's just make the background black.
Under the box model, for Padding, let's just put about 20 pixels of padding so
that the video probably doesn't touch the outermost edges.
Now again, your video player can work self-contained so you can put this into
any particular project or website design you currently have as well. Let's click OK.
Lastly, let's come back out to our files.
So in the myVideoGallery folder are all of the files we've been working on in this course.
In the Exercise Files, inside the Final Project there are two additional files
we're going to need.
These are two Flash files that we need to bring into our main root as well
and what these will do is if the browser does not support HTML5 video, such as
IE 7 and 8, then what's going to happen is our script is going to load in
this lynda.com video_player, this first file here, and inside of there is an
FLVPlayback component that's going to load the video_skin file, which gives
us all the controls.
So we are going to select both of these files.
I am going to hit Copy or Option+Drag, paste them into our original file.
With all of these files in place, now we have the full user experience of what
we looked at in the introduction video available inside of the myVideoGallery as well.
Now with all of these files in place, in the next movie we'll talk a little bit
about where you might want to go from here, including resources on lynda.com for
more information on HTML5 video and Flash video.