使用JS媒体查询为移动/桌面加载不同的'video‘元素

JS媒体查询是一种在前端开发中使用的技术，可以根据设备的屏幕尺寸、分辨率、方向等参数，为移动设备和桌面设备加载不同的'video'元素。这样可以根据设备的特性提供更好的用户体验。

使用JS媒体查询实现移动/桌面加载不同的'video'元素的步骤如下：

1. 首先，在HTML文件中引入一个空的'video'元素，如下所示：

<video id="myVideo" controls>
  <source src="" type="video/mp4">
  Your browser does not support HTML5 video.
</video>

1. 然后，在JavaScript文件中使用媒体查询来检测设备类型，并根据不同的设备类型为'video'元素设置不同的视频源，如下所示：

var video = document.getElementById("myVideo");

if (window.matchMedia("(max-width: 600px)").matches) {
  video.src = "mobile-video.mp4";
} else {
  video.src = "desktop-video.mp4";
}

上述代码中，我们使用window.matchMedia方法来进行媒体查询，并根据查询结果设置不同的视频源。在上述代码中，如果设备的最大宽度小于等于600像素，则加载名为"mobile-video.mp4"的移动设备视频源；否则，加载名为"desktop-video.mp4"的桌面设备视频源。

通过这种方式，我们可以根据设备类型加载不同的视频源，从而提供更好的视觉体验。

推荐的腾讯云产品：腾讯云点播（https://cloud.tencent.com/product/vod）

腾讯云点播是腾讯云提供的一项音视频处理与分发服务。它提供了强大的视频上传、存储、处理、转码、截图、水印、加密、播放等功能，适用于各种场景下的音视频应用。您可以使用腾讯云点播来存储和处理移动/桌面视频，并通过其提供的播放功能在网页中展示这些视频。

注意：本回答中不提及特定的云计算品牌商，仅供参考。