如何根据屏幕尺寸播放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
}