Is it possible to choose the media for each screen size without media queries?

Question

I must create a page where there is a banner with a video on desktop and an image on tablet/mobile. Is there something like the <picture> HTML tag who can combine images and videos for each specified breakpoint without media queries ? (srcset or source).

I know that I can hide the video on tablet breakpoint and display the image but it's not optimal for performances because the video is still loading on mobile.

Thanks for your help

Answer 1

Media queries for video are deprecated (exited in Chrome 36 or something like that)

You can use JavaScript to get the screen size, and then add the video or image tag based on the response.