Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
I'm going to download SWFObject version 2.2 and I'm going to save it... Into the same folder as my HTML file. So I'll just click Save and save it in there. Then I'm going to save the SWFObject Generator. This will generate the code that I need. So I'm going to open that file up in a web browser and I'm going to copy and paste this code. So let's go through and talk about how this works. So we have the SWFObject that's looking for the file name, so this is just going to be swfobject.js.
My SWF file is gallery.swf and the dimensions are 910x540 pixels. In the Alternative content section, I can put alternate content. So this is what's going to show if the Flash Player is not installed. So I'll just type, Here is the alternate content for the image gallery. If you wanted to, of course you can put image HTML in here and images could display anyway if the person did not have Flash, so they can see a non-Flash version of the same content.
And then tab over to my HTML file and paste that code inside of the alternate content, so it says Here is the alternate content for the image gallery. So now I'll save this file and before I test it in the browser, I'm going to go to Finder. I'll find my folder where I've dropped the SWFObject 2.2 and I'll expand the ZIP file. Now I need to have swfobject.js in the same folder as my SWF file. So I'll just click-and-drag to move it in there. And now, I'll open up gallery_ flash.htm in the web browser.
And here it is! So I can go through my slideshow and it is there and notice that you don't see that alternate content. So let's see what this would look like if somebody visited this page without Flash installed. I'll go to Tools > Add-ons. I'll disable Flash by going to Plugins, selecting Shockwave Flash, and choosing Disable. Now when I go back to the page, I can refresh it by pressing F5 on my keyboard. Then you'll see the alternate content where my application was.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.