Please try this webcam link on your browser/smartphone...

[westonweather]

Trying to find the right HTML to play an MP4 video across all modern browsers / mobile devices and think I may have cracked it.

The following page should auto-play & loop in FF & IE and gives a "play" option on the iPhone / iPad./

Just want to know if it works OK on other devices please?

http://www.westonweather.co.uk/webcam.php

The HTML is:

Code: Select all

<video id="WestonWeatherWebCam" poster="" width="600" height="480" autoplay="true" loop="true"
controls="controls" src="http://www.westonweather.co.uk/webcam/Intraday_Video.mp4"></video>

[mikechristelow]

Hi, working fine on my Hudl tablet (Android ver 4.2.2 kernel 3.0.36+)

[beteljuice]

In FF 27.0.1

Im getting "Video format or MIME type not supported", but if I hit the 'source' link I can see it OK ?

[hills]

It works fine on my windows phone.

[studebaker]

Works OK on my BlackBerry PlayBook

[ace2]

works find on adroid nexus 4 in google chrome and opera.

PC browsers firefox 27.0.1 and IE10.

[ace2]

I use this format ..

Code: Select all

<p align="center"><video src="myfile1.mp4" width="80%" controls autoplay >HTML5 Video is required for this example</video> </p>

By using a percent

Code: Select all

width="80%

it resizes the video even if the window size is changed..


image browser at full screen showing video


resized browser windows which shows video is reduced with resizing...

I'm not sure if this has an effect on mobile devices or not. But just a thought,,,

[westonweather]

In FF 27.0.1

Im getting "Video format or MIME type not supported", but if I hit the 'source' link I can see it OK ?

That's interesting, I'm on FF 27.0.1. (edit. so is Ace2 apparently) I don't think you need a special codec for MP4 do you?!

I couldn't believe how much difference there is between the different browser types / devices. Some just refuse to do what you'd think would be straight forward. MP4 seems to be one of the only universally supported formats.

[westonweather]

Thank you very much to those that tried it on the other devices, windows phone, nexus, hudl, blackberry. Great to know I'm on the right track now

[westonweather]

ACE2, I'll look at changing my "size" parameters to a percentage. Didn't even know that could be done. Will try it on the iPad, as it seems particularly fussy about what it will and won't play! You can get away with most things in FF, some things in IE and very little in IOS!

[ace2]

Older browsers are unable to use html5(mp4) video's.

Try my video's with resizing and it works perfectly on my nexus..

http://www.users.on.net/~ace2/lapse1.htm

[westonweather]

What format are you using Ace?

[ace2]

Mp4 same as you....

[westonweather]

Ok, cool. I'm not even going to try and cater for older browsers.

[ace2]

Same here. Mp4 or bad luck!!!