Question

i have a mp4 video embedded in html5.
it works perfectly on every browser and on iphone4 and ipad, but not on iphone 3 and 3gs, cause its dimension is 900px*508px.

how can i know in php (or even replace the entire video tag in javascript) on what device (iphone4 or 3G/3GS) im gonna show the page?

thanks a lot in advance!

Answer 1

You can serve up a different video (with a reduced size) using the media attribute, e.g.

<video controls>
   <source src="myfile.ogg" type="video/ogg">
   <source src="myfile.ogg" type="video/ogg" media="(max-device-width: 300px)">
</video>

You can read more about it here, scroll down to “Sending Differently-Compressed Videos to Handheld Devices”.