I understand using media queries and
display:none to hide content for mobile. The problem is that the content still downloads.
I found this older post that has a similar issue, but hoping for more direct and up to date information.
This is the scenario I am trying to fix.
Desktop - 3 embedded YouTube videos, all
Mobile - 1 embedded YouTube video displays, the other two are
On mobile, this uses a lot of unnecessary requests and resources for the extra two videos. Of course I can just remove the two extra videos on desktop and mobile but before that, I'd like to know if/how I can configure the site to not load the second and third videos for mobile.