Can't show .mov file on html5 video tag on iPhone

iphone html video mov
user1934266 picture user1934266 · Dec 28, 2012 · Viewed 12.1k times · Source

I tried different ways to show a .mov video ("ISO Media, Apple QuickTime movie" on linux) in HTML5 page with Iphone, but it isn't working.

My code is:

<video width="320" height="240">
 <source src="test.mov">
</video>

With all desktop browser (chrome, firefox....) I can show the video.

Any Idea?

Thanks in advance.

Answer

ashisrai_ picture ashisrai_ · Mar 14, 2014

Instead of using <source> tag use <src> attribute of <video> as below and you will see the action.

<video width="320" height="240" src="test.mov"></video>

Related questions

Can I avoid the native fullscreen video player with HTML5 on iPhone or android?

I've built a web app that uses the HTML5 tag and JavaScript code that renders other content synchronized with the running video. It works great in desktop browsers: Firefox, Chrome, and Safari. On an iPhone or a DroidX, the native …

Read More
HTML5 inline video on iPhone vs iPad/Browser

I've created an HTML5 video player (very simple) that works perfectly on the iPad and the browser. However, when I open it on the iPhone, I only get a play button which, when pressed, opens the native video player on …

Read More
Implementation of HTTP Live Streaming in iOS

I want to write a little iOS video client and have to use HTTP Live Streaming. The videos come from a Wowza Media Server which supports HTTP Live Streaming, so the server-side implementation is not my problem. I have already …

Read More