Javascript 在视频和图像背景之间交替

我的网站在标题div上有一个视频背景（如果视频没有加载，还有一个图像背景）

我想做的是，只有当用户正在使用网站的web版本时，才使用视频。如果是手机版，我不想要视频

有办法吗

网站：

---

您可以使用媒体查询：

#video-container {
  @media(max-width: 768px) {
    display: none;
  }
}

---

这只会在视觉上隐藏元素。

您可以使用媒体查询：

#video-container {
  @media(max-width: 768px) {
    display: none;
  }
}

这只会在视觉上隐藏该元素。

如果是移动/桌面，您可以使用浏览器字符串并添加/删除视频标记：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  // Javascript to remove video tag
}

如果是移动/桌面，您可以使用浏览器字符串和添加/删除视频标记：

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
  // Javascript to remove video tag
}

---

除了使用phynam建议的媒体查询外，我还将使用modernizr检查浏览器是否支持自动播放，如果不支持，则隐藏视频并通过

display:none

显示图像

---

除了使用phynam建议的媒体查询外，我还将使用Modernizer检查浏览器是否支持自动播放，如果不支持，则隐藏视频并通过

显示：无

显示图像

---

编辑您的问题，至少包括您使用的html标记和css。请参阅您是为了加速移动页面加载还是出于其他原因而使用此选项。在第一种情况下，默认情况下你不想加载视频，只有在不移动的情况下才加载。编辑你的问题，至少包括你使用的html标记和css。请参阅您是为了加速移动页面加载还是出于其他原因而使用此选项。在第一种情况下，默认情况下你不想加载视频，只想在不移动的情况下加载视频。这是我的第一个想法。但是如果手机的像素超过768px，那是我的第一个想法。但是如果手机的像素超过768px？