html5 - Video js. Doesn't play on iOS 5.x (iPad 1), iOS 6.x (iPhone 4) -


i'm embedding video video.js 4.0 converted mp4 mpeg handbrake (h.264) videojs. subsequently converted mp4 ogv , webm (online-convert.com).

the video not playing on ios 5.1 (ipad 1) or 6.1.2 (iphone 4). work on 6.x on latest gen ipad, mac , pc browsers (down ie7). on ios 5.1 (ipad 1), endless spinner. on ios 6.1.2 (iphone 4) play symbol line through it.

here's embed code:

<video id="my_video_1" class="video-js vjs-default-skin" preload="auto" width="1050" height="588" poster="/img/posterframe.jpg"      data-setup="{}">         <source src="/video/design_sketch_new.mp4" type='video/mp4'>         <source src="/video/design_sketch_new.ogv" type='video/ogg'>         <source src="/video/design_sketch.webm" type='video/webm'>     </video> 

anyone have ideas? need encode file differently? supply additional format? embed video differently?

for wondering, due video size. had 1080p older devices don't like. reduced 480 , it's good. see here: http://blog.fraser-hart.co.uk/video-js-issues-on-ipad/


Comments

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

Pull out data related to my apps from Android Play Store and iOS App Store -

How can I fetch data from a web server in an android application? -