初めまして、河村です。 これからしばらくはスマートフォンのwebアプリに関することを記事にしていこうかなと思っています。 webアプリといっても、単にjavascriptでサーバとajaxでやり取りした結果を出すだけ、というところに留まらず、css3やhtml5を積極的に取り入れていこうと思っていますので乞うご期待。 初回である今回は、スマートフォンやタブレットでhtml5のvideoタグを扱う案件の中から、ポイントだけを抜き出してお話したいと思います。 今回扱うプラットフォームはiOS4.2以上のiPhone(Androidデバイスは持ち前がないので検証はまたの機会に)、確認のためのPC版safari5。 まずやりたいこととしては、 「ページがロードされたらvideoで指定されているmovieを自動的に再生したい」 というのがあります。 しかしこれがまた単純に自動再生できない。例えば以下