HTML5 video tag with multiple bitrate videos?

Posted by Joanne on Stack Overflow See other posts from Stack Overflow or by Joanne
Published on 2013-11-12T09:07:29Z Indexed on 2013/11/12 9:54 UTC
Read the original article Hit count: 297

Filed under:

ios

|

html5

|

video

|

wifi

|

edge

I have MP4 video files encoding at different bitrate to be compatible for both iOS on Wifi and Edge connection. I would like to have them progressive loaded form my website using HTML5 video tag.

video_big.mp4 encoded for iOS on Wifi
H.264 Baseline, 25fps, 640x480, 500kbps

video_small.mp4 encoded for iOS on Edge/3G
H.264 Baseline, 25fps, 320x240, 56kbps

My question is: How can I write the HTML5 video tag to serve video_big.mp4 to iOS devices that connected through Wifi, and serve video_small.mp4 to iOS devices that connected through Edge/3G? I'm running on PHP/Apache server. Thank you :)

© Stack Overflow or respective owner

Related posts about ios

Regarding Xcode SDK IOS 4.2 installation and missing iOS 4.1

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi All, i have download Xcode SDK 4.2(xcode_3.2.5_and_ios_sdk_4.2_final.dmg) from Apple developer site and installed successfully . when open my old xcode project it shows baseSDk missing ,when i try to change project setting ,i have found and set base SDk as 4.2 it works fine my problem is ,in… >>> More
fatal: pathspec for removing folder in git

as seen on Super User - Search for 'Super User'
I want to remove a folder from a Git repository but I get an error. I tried several commands, and here you can see my errors: selnaz:iOS Lnaz$ ls iOS-Tidinfo mockup readme.txt selnaz:iOS Lnaz$ git rm -r -- iOS-Tidinfo/ fatal: pathspec 'tidinfo/iOS/iOS-Tidinfo/' did not match any files selnaz:iOS… >>> More
Autorotate works for iOS 6 but gives weird behavior in iOS 5

as seen on Stack Overflow - Search for 'Stack Overflow'
I seem to be having the opposite problem from this post: Autorotate in iOS 6 has strange behaviour When I submitted my paid app to Apple, XCode made me update to iOS 6 on my test devices. I used the GUI in XCode to set my app to display only in portrait mode on the iPhone and only in landscape… >>> More
App is getting run in iOS 5.1.1 but crashed in iOS 6.1.3

as seen on Stack Overflow - Search for 'Stack Overflow'
I have implemented below code but app has been crashed in iPad with iOS version 6.1.3,while running perfectly in iPad with iOS version 5.1.1. when I am scrolling table view continuously it is crashed in ios version 6.1.3. what could be the issue. The implemented delegate and data source methods for… >>> More
No provisioned iOS devices are available with a compatible iOS version

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm trying to test my app on an iPhone 3G, however I'm getting this error: No provisioned iOS devices are available with a compatible iOS version. Connect an iOS device with a recent enough version of iOS to run your application or choose an iOS simulator as the destination. Note that: The 3G… >>> More

Related posts about html5

Is there a HTML5 Validator plugin for Firefox?

as seen on Super User - Search for 'Super User'
Is there a plugin for firefox to validate HTML 5? I've always used this but if my webpage has a <!DOCTYPE HTML> doctype it complains about it not having a doctype at all. >>> More
HTML5 video tag in chrome - wmv

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi Al, I need to make a page which displays a video. Firefox and and Opera support the OGG format, no problem there. Chrome is ... "stupid" and does not recognize OGG. Does Chrome on Windows know how to handle WMV? I already have them encoded, and no I cannot recode new videos since the media is… >>> More
HTML5 cache manifest: whitelisting ALL remote resources?

as seen on Stack Overflow - Search for 'Stack Overflow'
I'm doing an iPhone version of a desktop site that includes a blog. The blog often embeds images from other domains (the image URLs always start with http:// in this case, obviously), but because I'm using cache-manifest, these images don't load because they aren't declared in the manifest file. I… >>> More
Learning HTML5 - Sample Sites

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Part of the challenge with HTML5 is understanding the range of different technologies and finding good samples. The following are some of the sites I have found most useful. IE TestDrive http://ie.microsoft.com/testdrive/ A good set of demos using touch, appcache, IndexDB, etc… >>> More
Online video tutorials for HTML 5

as seen on Geeks with Blogs - Search for 'Geeks with Blogs'
Here are some of the best introductory HTML5 videos I have found online/for free. Mix 2011: HTML5 for Skeptics - Scott Stansfield channel9.msdn.com/Events/MIX/MIX11/EXT21 Filling the HTML5 Gaps with Polyfills and Shims - Ray Bango channel9.msdn.com/Events/MIX/MIX11/HTM04 50 Performance… >>> More