javascript - 如何根据屏幕尺寸播放 2 个不同的视频？

Question

我现在正在编写一个网站的预览代码，想知道如何根据用户使用的是移动设备还是桌面设备来播放 2 个不同的视频。

原因是我有 2 个视频的格式适合桌面和移动设备，但似乎无法弄清楚如何根据屏幕尺寸隐藏一个并显示另一个。

我研究过媒体查询，但不知道从哪里开始。

Answer 1

window.innerWidth; // returns the width in pixels of the window

所以你可以使用类似的东西:

if (window.innerWidth > 425) {
    // display video for desktop
} else {
    // display video for mobile
}