[HTML Only Articles] Using video tag on iOS to autoplay inline videos

Question

Hi There,
There are two situations I'm trying to accomplish, using an only HTML article.
1 - I'm trying to play a .MP4 video inline using the <video> tag. I tried a few different ways of tagging the video (adding autoplay=true, webkit-playsinline), but ultimately on both iPhone and iPad, the video always plays fullscreen in the native browser.
On iPhone, there is also some additional 'weirdness'. When swiping away from the article, the video has a habit of playing as if it was tapped on, opening fullscreen as you enter the next article.
2 - I'd also like this video to auto-play (again, inline would be ideal). I've come across several phonegap examples of why this isn't possible on iOS out of the box unless certain flags are set on the outer WebView component (on the Objective-C level).
I'm relaying on the href="videofile://" and some links to play the video, but I have customer's requesting inline video, or auto played video, neither of which I seem to be able to accomplish.
Has anyone had any success with the html video tag to achieve the two above (or anything else I could use as a workaround (file formats? flags? anything else?))
- Mark

Answer 1

Big thanks for your reply
Really helped me on my long understanding way to upgrade my live chat application to
work with IOS devices.
So lets continue... make this important post to be a good helper for all developers on their way to stream to IOS devices.
If you can I clarify this - Nitin Goel says:
"Remember, that you need to publish video as H264 codec and audio as AAC/HEAAC for it to work with ios player.. Flash player may not yet support this combination.."
It is not possible for me to use Flash Media Live Encoder.
In this article:
http://sonnati.wordpress.com/2011/05/14/a-dream-comes-true-h-264-encoding-into-flash-playe r-11/
it says:
"A dream comes true: H.264 encoding into Flash Player 11"
and its done by this actionscript 3 code:
var h264Settings:H264VideoStreamSettings = new H264VideoStreamSettings();
h264Settings.setProfileLevel(H264Profile.BASELINE, H264Level.LEVEL_2);
stream.videoStreamSettings = h264Settings;
which will be connected to the NetStream like this i guess:
var h264Settings:H264VideoStreamSettings = new H264VideoStreamSettings();
h264Settings.setProfileLevel(H264Profile.BASELINE, H264Level.LEVEL_2);
nc = new NetConnection();
nc.connect("rtmp://example.com/livepkgr");
ns = new NetStream(nc);
ns.videoStreamSettings = h264Settings;
ns.publish("livestream?adbe-live-event=liveevent");
Is this what need to be done in order to publish video as H264 from webcam and Flash Player 11 in user browser?
And what about publish audio as AAC/HEAAC?
Another important thing:
I am writing my actionscript 3 code in my flash CS4 and publish it to swf.
With this code obviously it give me error...
do i need to upgrade to CS5 or CS5.5 and then i will be able to publish with this code?
again big thanks for any help
cheinan