Cast for two

Sunday, November 18, 2007

Web pages especially for Iphone/Ipod Touch

I was wondering how the embed a media file into HTML for the mobile Safari browser on Apple's Iphone or Ipod Touch. Therefore, I looked up how others are doing it and what's in the documentation Apple:

  1. BBC has made a portal to its podcasts : or you can just go to

    The code used to embed the mp3 podcasts is:

    <embed width="100%" height="22" enablejavascript="true" controller="false" autostart="false" pluginspage="" src=""/>

    More info on BBC podcast portal.

  2. Also Apple makes their trailers available in an Ipod Touch / Iphone friendly way. The URL is
    Here's the HTML code that Apple uses to embed the Beowulf movie:

    <embed src="" href=""
    target="myself" width="320" height="133"
    scale="1" cache="true" type="video/quicktime" pluginspage="">

    Ars Technica has some screenshots of Apple trailers on the Iphone.
  3. The code proposed by Apple looks like this:

    <script src="AC_QuickTime.js" language="JavaScript" type="text/javascript"></script>
    QT_WriteOBJECT_XHTML('', '32', '16', '',
    'autoplay', 'false',
    'emb#bgcolor', 'black',
    'align', 'top');

    The URL is to a piece of music of the album "Frozen Silence" by Matti Paalanen.

  4. Also the indie site has Iphone specific pages according to Techcrunch. But when surfing to that page on my Ipod Touch i get no specific content.

To get those HTML codes, go to about:config in Firefox and set the value of general.useragent.extra.firefox from something like 'Firefox/' to 'Useragent "Mozilla/5.0 (iPod; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML,like Gecko) Version/3.0 Mobile/3A100a Safari/419.3' and then surf to the URL for ipod touch or iphone and inspect the page source.

No comments: