Thursday, 16 January 2014
Embed a swf file into a Google Site
Shockwave files or 'Flash' files are incredibly useful things, they may be virtually obsolete due to their inability to play on Apple iOS devices, but they are still thriving in the world of education, and will likely continue to do do for some years to come.
There are a few ways to do use these with Google Sites, but remember, that while Google Sites will display on an iOS device, none of flash content will work, you have been warned...
The easiest way is to just place them into a Google Drive folder, students can then open, download and run the flash file on their computer, but there can be problems if they do not have the 'Adobe Flash Projector' installed.
The good news is all desktop OS browsers already have built in Flash players, so we can use that instead. To do that just attach the relevant swf file to the Google Site page, (or attache it using the File Cabinet template) when kids click on the attachment it will launch in the browser, try it with the swf attached on this Google Site.
Finally there is a way to embed the flash file so it plays in the actual page, like a YouTube video, but it is a bit fiddly to do ... you need to use the code below, but edit the code to replace the location of the source file, (highlighted in yellow below) with the code of the actual swf file, which you can get by right clicking on the Google Site attachment and choosing 'copy link address'. Paste that link into the place below highlighted in yellow and you may need to adjust the sizes highlighted in green to make it for on the page nicely.
<embed xmlns="http://www.w3.org/1999/xhtml" height="600" pluginspage="http://www.macromedia.com/go/getflashplayer" src="https://sites.google.com/a/gapps.uwcsea.edu.sg/dover-primary-ict/resources/embedaswfintoagooglesite/les%20ve%CC%82tements%20e%CC%81criture.swf" width="600"/>
Edit the site page, then paste in the HTML, by using the <HTML> button to reveal the HTML code in the site page. This will work in any HTML context, like this Blogger page as well, example below.