nookayisee Comments - Answer Overflow

function loadDesktop(e) {
     if (e.window.size > '600px'){
           videoTag.src = desktopVideo
           window.removeEventListener('resize', loadDesktop)
     }
}

function loadDesktop(e) {
     if (e.window.size > '600px'){
           videoTag.src = desktopVideo
           window.removeEventListener('resize', loadDesktop)
     }
}

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

i'll just set a one time self destructing event listener to load the desktop version of the video if the page is resized

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

someone shared this in the other server https://scottjehl.com/posts/responsive-video/

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

https://discord.com/channels/436251713830125568/1222964697557368962/1222997676581453838 this was the only closest thingn i could find.

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

i can't go digging if i don't know anyting about it. :/

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

any keywords that you remember from it?

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

lol is there a a big sos button that calls kevin

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

yep. same here.

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

https://tenor.com/view/wtf-is-this-john-malkovich-what-the-hell-what-is-going-on-gif-15731558

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

can you try this exact code on your machine?

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

i removed the source tag while sending it to you

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link href="css/style.css" rel="stylesheet" />
  </head>
  <body>
    <video>
      <source
        src=""
        media="(max-width: 600px)"
      />
      <source
        src=""
        media="(min-width: 1080px)"
      />
    </video>
  </body>
</html>

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title></title>
    <link href="css/style.css" rel="stylesheet" />
  </head>
  <body>
    <video>
      <source
        src=""
        media="(max-width: 600px)"
      />
      <source
        src=""
        media="(min-width: 1080px)"
      />
    </video>
  </body>
</html>

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

removing it doesn't work either

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

that's relevent?

99 replies

KPCKevin Powell - Community

•Created by nookayisee on 12/29/2024 in #front-end

media query not triggering on source tag when page is resized

look at this. it's just an index.html i created and even this doesn't work. no react, vite, tailwind. nothing fancy

99 replies

Gaming

Programming