Aperture 3 quicktime slideshow on iweb

Question

Hi - I am trying to use aperture 3 slideshows on iweb instead of flash but the quality is lacking - the sharm movie files are over 30mb so when compressed to around 10mb loses image quality
see here : http://web.me.com/ruperteden/casasnaareia (click on image)
the movies are slow to load on Firefox and do not load at all using Google Chrome ?
Does anybody have a solution to increase image quality keeping files small enough ?
Steve Jobs if you are reading this please can you come up with a solution quickly or I will have to revert back to Adobe Flash which like you I hate using !
Thanks in advance !

Answer 1

On the page it says :
Put a texbox with a unique word on the page.
Then add a HTML Snippet.
The HTML Snippet has this code :
<script language="JavaScript" type="text/javascript">
<!--
var bodyLoad = parent.document.getElementsByTagName("body")[0];
load = bodyLoad.getAttribute("onLoad");
bodyLoad.setAttribute("onLoad", load + "function(){VideoJS.setup();}");
var headID = parent.document.getElementsByTagName("head")[0];
var newScript = parent.document.createElement('script');
newScript.type = 'text/javascript';
newScript.src = 'zencoder/zencoder.js';
headID.appendChild(newScript);
// -->
</script>
This is the page iWeb creates from the HTML Snippet.
http://www.wyodor.net/Demo/html5//HTML5_Zencoder_files/widget1markup.html
Here's the zencoder.js file :
http://www.wyodor.net/_Demo/html5/zencoder/zencoder.js
It adds extra HTML code :
http://www.wyodor.net/_Demo/html5/zencoder/video-js.css
http://www.wyodor.net/_Demo/html5/zencoder/video.js
and then displays this file :
http://www.wyodor.net/_Demo/html5/zencoder/index.html
The page has all the code to display .m4v, .ogg, .webm and flash.
In the end the textbox is behind the movie. I only needed it to find the location on the page (the top left corner) to display the video.