HTML5のvideoタグを使ってUIWebViewで簡単動画再生

iPhone

iPhone OS 3.0からiPhone上のSafariでもHTML5がサポートされたのだが、これによりiPhoneアプリでもUIWebViewクラスを使ってWeb上の動画再生が簡単に出来るようになった。


以下のように、再生したい動画のURLを指定した

NSString *htmlString = @"<video width=\"300\" height=\"200\" src=\"http://hoge/hoge.mp4\"></video>";
UIWebView *videoView = [[UIWebView alloc] initWithFrame:[self.view frame]];
[videoView loadHTMLString:htmlString baseURL:nil];
[self.view addSubview:videoView];
[videoView release];


すると以下のようにiPhoneアプリ上に表示されるのだが、ユーザーが再生ボタンをクリックするとMPMoviePlayerControllerが自動的に起動して動画が再生される。


ちなみに

NSString *htmlString = @"<video width=\"300\" height=\"200\" src=\"http://hoge/hoge.mp4\" poster=\"http://hoge/hoge.png\"></video>";