I created a local mp3 video in the 500x720 px size visible only on mobile. If I do a test from Windows 10 with Chrome (or another browser) by reducing the window the video is visible but if I test it on mobile with Android the video is not displayed.
To distinguish the two device resolutions I created this two custom styles and applied at the Module Class from the two JUX Background Video modules:
/* DESKTOP - MOBILE MODE */
.mobile-mode {
@media screen and (min-width: 1024px) {
display:none !important;
}
}
.desktop-mode {
@media screen and (max-width: 1023px) {
display:none !important;
}
}
I then continued my testing and also tried loading this 500x720px short YouTube video:
www.youtube.com/shorts/wZhpaOF6tok
in mobile mode to understand if the problem depends on this *local* option.
The problem repeats itself also on Chrome (121.0.6167.164) of Andoid 14 (ColorOS 14.0) even with a YouTube video!
Thank you for your quick intervention, which I really appreciate!
Now the second mobile-mode module starts correctly, but the video (in original in resolution 500 x 720 px) is played with a wrong screen resolution and appears enlarged and out of the mobile window. It appears that the video resolution from the first desktop-mode module has been retained also in the second.
Hi.
The video needs to scale up to fit your width and height on the mobile.
We can help you display the full video, but it will have a black background on the left or right.
I have added the custom CSS for the mobile module.
Please recheck it.
Regards.
Thank you Jackie! I apologize for the late reply, but I wanted my client to take a look at it too.
Will these module updates be included in the next release?
Is it possible to download this updated version of JUX Background Video with these changes now?
Local mp3 video on 500x720px not run on Android
Topic Author
