Page 1 of 2
Please try this webcam link on your browser/smartphone...
Posted: Sun 09 Mar 2014 4:01 pm
by 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>
Re: Please try this webcam link on your browser/smartphone..
Posted: Sun 09 Mar 2014 10:03 pm
by mikechristelow
Hi, working fine on my Hudl tablet (Android ver 4.2.2 kernel 3.0.36+)
Re: Please try this webcam link on your browser/smartphone..
Posted: Sun 09 Mar 2014 11:02 pm
by 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 ?
Re: Please try this webcam link on your browser/smartphone..
Posted: Sun 09 Mar 2014 11:29 pm
by hills
It works fine on my windows phone.

Re: Please try this webcam link on your browser/smartphone..
Posted: Sun 09 Mar 2014 11:36 pm
by studebaker
Works OK on my BlackBerry PlayBook
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 12:54 am
by ace2
works find on adroid nexus 4 in google chrome and opera.
PC browsers firefox 27.0.1 and IE10.
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 1:05 am
by 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
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,,,
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 7:48 am
by westonweather
beteljuice wrote: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.
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 7:51 am
by 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

Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 7:53 am
by 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!
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 8:21 am
by 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
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 8:31 am
by westonweather
What format are you using Ace?
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 8:41 am
by ace2
Mp4 same as you....
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 8:58 am
by westonweather
Ok, cool. I'm not even going to try and cater for older browsers.
Re: Please try this webcam link on your browser/smartphone..
Posted: Mon 10 Mar 2014 9:16 am
by ace2
Same here. Mp4 or bad luck!!!