php - html5 嵌入 mp4 视频 |如何知道设备是iphone 3/3gs 还是4 | mp4尺寸太大

Question

我在 html5 中嵌入了一个 mp4 视频。 它在所有浏览器以及 iphone4 和 ipad 上都能完美运行，但在 iphone 3 和 3gs 上运行不佳，因为它的尺寸是 900px*508px。

我怎么知道在 php 中(甚至替换 javascript 中的整个视频标签)我将在什么设备(iphone4 或 3G/3GS)上显示页面？

提前致谢!

Answer 1

您可以使用媒体属性提供不同的视频(缩小尺寸)，例如

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

您可以阅读更多相关信息 here ，向下滚动到“将不同压缩的视频发送到手持设备”。