我要求网站的 iOS 访问者看到的主页与其他人不同。普通主页有一个短视频，可以在 Windows 和 Android 设备上完美加载和运行。问题在于 iOS 设备，因为它们都加载它并在视频上显示播放（开始）箭头。
这不是我们想要的，因此决定让 iOS 访问者重定向到带有静态（海报）图像的页面，而不是看到带有箭头的视频。结果是他们根本看不到视频。
由于 iOS 设备的窗口大小是已知的，我的计划是使用视口来检测窗口大小，然后为这些访问者加载一个新页面。
有人可以提供一些干净的 JS 来实现这一点吗？或者，有没有更好的方法来做到这一点？
TIA
窗口或屏幕大小绝对不是确定用户正在浏览的设备的好方法。许多设备具有相同的屏幕分辨率，并且每天都会发布新的设备。您应该使用用户代理字符串来确定客户端设备：
var ios = /(iPhone|iPad|iPod)/g.test(navigator.userAgent);
如果在用户代理字符串中找到三个设备名称之一，则 ios 将为 true，否则为 false。您可以根据此决定显示哪个视频，或者根据需要重定向。
如果您想在没有任何 JS 的情况下跨各种设备提供非常好的视频兼容性，这里是一个很好的资源：http: //camendesign.com/code/video_for_everybody