HTML5 video tag with multiple bitrate videos?
- by Joanne
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 :)