I have a web page for iPhone/iPod touch displaying a thumbnail of a video. Quite simple, the thumbnail links to the video itself:
<meta name="viewport" content="width=320" />
[...]
<img src="images/buttons/video_play_button.png" onmouseup="window.location = 'http://wapshop.gameloft.com/iAd_prototype/videos/video_01.m4v'" ontouchstart="window.location = 'http://wapshop.gameloft.com/iAd_prototype/videos/video_01.m4v'" class="play" id="play" />
When the user clicks on the img, the media player of iPhone opens and plays the video. When the user clicks on done to go back to the page, the page is resized like if the viewport metatag has been ignored. The user has to reload the page to have the viewport displayed correctly.
Also, is there a way to make sure the video is played in widescreen by default?