HTML5 video does not play on mobile device

Question

HTML5 video does not play on mobile device

I am using HTML5 Video with this code:

<div id="lightBox1" class="lightBox">
    <video id="video" controls preload="metadata">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.mp4" type="video/mp4">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.ogv" type="video/ogg">
        <source width="100%" height="470" src="/ImageworkzAsia/video/iworkzvid.m4v" type="video/m4v">
        <p style="text-align:center;">Your browser does not support HTML5 Video.</p><br />
    </video>
</div>

The problem is that it does not play in Mobile Safari, but it plays on the Safari desktop. He also plays chrome, firefox, as expected. I have not tested this on an Android device yet. Any ideas?

+3

javascript jquery html html5 video

Aj naidas May 24 '12 at 6:40

source share

2 answers

Your mobile phone browser may not support HTML5.

-3

qwerty May 24 '12 at 7:52

source share

Indrajithp · Accepted Answer · 2012-05-24T06:45:07+0000

A few things to try:

Use absolute URLs in the Video src attribute
Some devices may take a little extra time to download videos.
Change your device and try (as you said)

Hope this helps.

HTML5 video does not play on mobile device

More articles: