i using jquery mobile , video tag display videos. video plays fine on 'desktop' browsers, when play when use following code in mobile safari (iphone) shows black rectangle without controls.
i used video used commonly in html5 examples. (from http://www.bigbuckbunny.org) shouldn't encoding issue.
when access video directly typing url http://myurlofvideo.mp4 plays correctly in mobile safari.
what's causing problem?
thank in advance!
<video width="75%" id="video1" controls="true" autoplay="true"> <source src="videos/mov_bbb.mp4" type="video/mp4"> <source src="videos/mov_bbb.webm" type="video/webm"> browser not support video tag. </video>
i tried sample below in iphone simulator , working ,check out .
<video width="320" height="240" controls> <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4"> browser not support video tag. </video> it shows preview image of video,when click on plays in fullscreen.
Comments
Post a Comment