使用iOS设备的视口和javascript重定向

Redirect using viewport and javascript for iOS devices?

本文关键字：javascript 重定向 视口 iOS 使用      更新时间：2023-09-26

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

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

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

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

TIA

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

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

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

如果你想在没有任何JS的情况下在各种设备之间提供非常好的视频兼容性，这里有一个很好的资源：http://camendesign.com/code/video_for_everybody

相关文章：