Description:
I am currently using the Video tag in Outsystems to display recorded videos. However, I am encountering a problem when switching to full screen and back. During the transition, a white splash appears, which disrupts the viewing experience.
Steps to Reproduce:
1.Load the video using the Video tag.
2.Click to enter full-screen mode.
3.Exit full-screen mode.
4.Observe the white splash that appears during the transition.
Expected Behavior:
The transition between full screen and normal mode should be seamless without any visual interruptions.
I would appreciate any guidance or solutions to resolve this issue. Thank you!
Hi Ebina,
Consider adding a CSS transition effect to the video element to smooth out the full-screen toggle.
use below CSS : -
video {
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
Thanks,
Vipin Yadav
Hello @Ebina Sony
I have tried the same steps you shared but I am not able to reproduce this I also attached the OML file I think you have some other issue maybe some layout or other if possible can you please share the OML file or structure of your screen elements
if you want you can also check how I implement this application
Thanks
Regards Gourav Shrivastava