是否为iOS设备使用视口和javascript重定向？

我有一个要求，让iOS网站访问者看到一个不同于其他任何人的主页。普通主页上有一段短视频，可以在Windows和Android设备上完美加载和运行。iOS设备的问题在于，它们都会加载并在视频上显示播放（开始）箭头

这不是我们想要的，我们决定让iOS访问者重定向到一个带有静态（海报）图像的页面，而不是看到覆盖着箭头的视频。结果是他们根本看不到视频

由于iOS设备的窗口大小是已知的，所以我的计划是使用viewport来检测窗口大小，然后为这些访问者加载一个新页面

有人能提供一些干净的JS来实现这一点吗？或者，有没有更好的方法

---

TIA窗口或屏幕大小绝对不是确定用户浏览的设备的好方法。许多设备具有相同的屏幕分辨率，每天都会发布新的屏幕分辨率。您应该使用用户代理字符串来计算客户端设备：

var ios = /(iPhone|iPad|iPod)/g.test(navigator.userAgent);

如果在用户代理字符串中找到三个设备名称中的一个，ios将为true，否则为false。您可以基于此决定显示哪个视频，或者根据需要重定向

---

如果您想在没有任何JS的情况下跨各种设备提供非常好的视频兼容性，这里有一个很好的参考资料：

您可以发布您尝试过的内容以及为什么它不起作用吗？仅仅要求某人为你编写代码并不会让你对这些信息感到非常抱歉。如果这解决了这三个设备（iPhone | iPad | iPod），我将如何解决iOS台式机？iOS台式机？如果你指的是OSX上的iOS模拟器，那么它将报告为iPhone或任何iDevice；