css - “display:none”是否会阻止内容被加载？

Question

我想在移动设备上隐藏视频。我通过使用“@media screen and (max-width: ###px)”和“display:none”来做到这一点，这工作正常，但这会阻止视频被加载吗？

基本上我希望视频不加载移动数据漫游，以便移动设备上的用户不会为此使用他们的漫游数据。

有没有更方便的方法来做到这一点？

Answer 1

如果您询问 css display: none，那么答案是视频仍将通过移动网络加载，但最终用户将看不到它。话虽这么说，理论上用户可以更改该元素的 CSS，使其显示，然后他们可以观看视频。

Answer 2

视频将被加载，但用户看不到。为了防止加载视频，而不是更改 css，您可以使用 JS 从 HTML 中删除视频