Problems With My Video Files

Once I felt I had finished my interactive narrative in iWeb I published it and checked that it worked, I then checked that it opened on a Windows PC as well as on Mac. On Mac my animations played fine and everything worked but on Windows when I played the animations there were some pixelations happening.

In the end I had to go back to my After Effects files for each animation and check how I had rendered them out and what settings I had used. When I originally rendered my videos I saved them as .mp4 files but I then tried rendering as a .mov encoded file instead.

 After I had rendered out the new files I then changed the file extension manually from .mov to .mp4 and then put them into my iWeb document.
I tried this on Windows and it worked fine and all the animations played successfully. After fully testing the document a few more times on all browsers and operating systems I am happy to call my interactive narrative finished.

I also had a problem with one of my video files on one of my interactive pages. I did have the page set up so that the reader would click on a button I had set up in iWeb that was positioned over the panda. This gave the illusion of the panda being interactive and would be clicked once the video had stopped playing. So in the end it looked like the panda appeared from nowhere and then the reader would click on it to go to the next page. Although this worked well on Mac operating system, no matter how many times I tried it wouldn't work on Windows and resulted in the player being stuck on this page as they couldn't access the hyperlink to move to the next page.

In the end I had to give up this page being animated and just kept it as a static image. It's a bit disappointing but I'd much rather that the document works and is reliable on both systems than keep the  animation.

At this point I also decided that there was too much text in and around the image. I had animated the text so that it appeared but then in order to have the instructions to click on the panda to progress I had to add more text under the image. This gave the page too much to look at and read all at once so I got rid of the text on the image altogether.

So in the end the image went from the above which had animation to the below.