Hi Adobe AIR experts,
I developed a HTML5 based web application for our sales department. The web app is running fine on their laptops using Firefox or Chrome as a browser. I'm using the HTML5 appcache mechanism so that the application is also available in offline mode.
When trying to make the web application also available for iPads, I stumbled across the problem that Safari has a storage limit of about ~50MB for offline web apps. (The application size is ~600MB containing several videos, PDF documents, images, etc...)
I did some research on how to solve this issue and came across Adobe Air as a container for web applications. I wrapped the application, created an AIR file and was surprised that all the HTML, JavaScript, CSS automatically worked fine - except one feature: The html5 video tag I'm using which is working fine in all browsers (even Safari) unfortunately seems not to work in AIR. I tried the following workarounds:
- Using an iframe to display the video
- Using the <object> and <embed> tags
- Directly linking to the video file
None of the solutions worked in AIR. The videos (MP4 files I got from the marketing guys) simply aren't displayed at all.
I found the following solution: http://hacksnsnacks.com/hacks/playing-mp4-videos-in-the-native-ios-video-player-with-stage webview/
However this seems to be realized using Action Script which I don't know and which I don't know how to combine it with JavaScript.
So my questions now is:
How can I embed an MP4 video file in a HTML based AIR application so that it can be played on iPads?
- According to what I found in the official AIR documentation, this should be possible. If possible, we'd really like to stick to the MP4 format and not convert the video to flash or sth. like that. Also uploading the videos to youtube, etc. is not an option (as the must be available in offline mode and some of them contain very company specific know-how we don't want to publish).
- If possible, I really would like to keep as much of the application logic as possible in JavaScript and only make a minor extension using Action Script to play the videos.
I'm sorry, if this is a dumb question, but as I said I'm a complete Adobe AIR noob and this issue is blocking me for 2 weeks now and I wasn't able to find a solution myself for this.
So any help would be greatly appreciated!
Kind regards,
Johannes