Subtitles of the Movie

In the previous tutorial we deployed a video using SWFObject and JW Player. In this tutorial we're going to add some non-video content to that same Web page, and we're going to use some of that non-video content to position the player on the Web page. So, this is the project that we created in a previous tutorial, and this Div tag gets replaced by the video, and you'll notice that's everything in the body. Everything that's visible on this Web page gets replaced by the video. So, this Div tag never gets read by the browser unless the necessary version of the Flash Player isn't there, in which case the alternative content and the download Flash button show up. The fact that this doesn't get read by the browser when the video is shown means that you cannot use this Div tag to reposition the video. So, for example, if I try to add an Align attribute here Ð Align Center Ð and then test that, it doesn't accomplish anything. The video is still in the upper left-hand corner of the browser. So, I'll just get rid of that because that is not useful for our purposes. I have to add the content that I want to see above and below that Div tag. So, let me go to this file where I've got some material to bring into this. Let's just take a look at this in Design view. So, I'm going to add this and this to that file. So, I'm going to Control C that to copy it, go over here, go above that Div tag, Control V to bring that in. So I just brought this in. Notice the table and it's got an Align equals Center in it, and go back here, grab this, Control C and go below the Div tag and Control V. So, I just added that. I'll Control S to save that, and let's test. And there's that non-video material, and there's the video. So, just remember that the Div tag will get replaced by the video and right your HTML such that with just the video in there the things that you want to happen will happen outside that Div tag. And that concludes this tutorial on adding non-video material to a project using SWFObject and JW Player.