PHP变量的媒体查询

我有两个PHP变量：

$video\u mp4：这是一个视频文件。 $video_海报：这是一张图片。 对于桌面，我希望$video_mp4作为环境视频加载，它确实如此。但在最大宽度：576px上，我想让$video_海报显示出来

但不确定如何处理这个问题。这是我当前的代码和思考过程：

想知道这里的最佳实践是什么吗？

使用.video包装视频内容，使用.image包装图像内容，并使用CSS最大宽度：576px显示图像和隐藏视频

.hero_uuuTriser.图像{ 显示：无； } @介质最大宽度：576px{ .hero_uuuTriser.图像{ 显示：块！重要； } .hero_uuuuuTriser.视频{ 显示：无； } }