javascript - 如何检测浏览器是否是移动浏览器并使用 javascript "if else"显示不同尺寸的视频？

Question

因此，我需要在 html 页面中包含 javascript 和 jquery，以检查访问者是否使用移动浏览器，并相应地以不同尺寸显示视频。

我已经尝试了多种方法来做到这一点，但尚未找到真正有效的方法。

我需要的是这样的:

if (isMobile()) {
   //display larger
else {
   //display smaller
}

有人可以帮忙吗？

Answer 1

if (!('ontouchstart' in window)) {
  // is desktop
  elVideo.src= 'desktop.mp4';
} else {
  // is mobile
  elVideo.src= 'mobile.mp4';
}