Wie mit verschiedenen Videogrößen arbeiten?

Hallo,

ich verwende zur Videoanzeige aktuell AllVideos von JoomlaWork. Die Anzeige erfolgt mittels {mp4} ...... {/mp4} .
Das läuft auch responsive alles sehr gut. Ich arbeite mit einer einzigen Videogröße (1280x720). Diese hat leider 17 MB.

Nun möchte ich für Geräte mit kleineren Displays ein kleineres Video laden lassen (ca. 5 MB).
Bisher tendiere ich zu "media queries" mit deren Hilfe ich das jeweilige andere Video über display: none; ausblenden kann, so dass nur das gewünscht Video zu sehen ist.

Gibt es da bessere Alternativen?

Gehen wir einfach mal von Protostar aus.

Joomla 3.6.5 / PHP 7.1.0

Nachtrag:

Es gibt Plugins, welche über "isMobile" oder Ähnliches ein Mobilgerät ermitteln. Da ein mobiles Gerät sowohl eine niedrige als auch eine hohe Auflösung haben kann, hilft mir diese Möglichkeit nicht wirklich weiter. Oder wie funktioniert diese Funktion? Mach ich hier einen Denkfehler?
Es ist mir wichtig, anhand der verwendeten Bildschirmauflösung das korrekte Video anzeigen zu lassen.
Youtube und Co. kommen leider nicht in Frage, auch wenn damit das Problem gelöst wäre.