Docs

[Michael R]

Hello,

When I exit full screen on any one of my videos the screen goes blank (turns all white). I can still here the audio but do not see an image. Can you please help.

[Michael R]

This reply has been marked as private.

[Christopher]

Hi there,

Please try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

let us know how it goes.

[Michael R]

Hello, I have tested each plugin on the site one by one and did not find a plugin conflict.

[Rue Nel]

Hello There,

I am another staff checking on this thread! I can confirm that the issue is present in your site. To resolve it, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-video .x-video-inner iframe{
    min-height: 270px;
}

Please let us know if this works out for you.

[Michael R]

Thank you.

That fixed the issue. I changed the min-height to be 100% instead of 270px because larger videos were not resizing correctly. Will this cause any potential issues by setting the min-height to 100% that I should be aware of for future videos?

Also, do I still need to keep this code in my customizer from the last fix for this issue? (code below)

.x-video .x-video-inner video {
height: 100% !important;
width: 100% !important;
}

.mejs-container {
width: auto !important;
height: auto !important;
}

Thank you.

[Rue Nel]

Hello There,

A minimum height is just an initial height for the element. It will not impose nor override the height which might be higher that the initial height. We just have that code so that there is an initial height. Before it is just plain white because the initial height is 0. You may need the other code as this does set the width and height of the video and its containers as auto and 100%.

Hope this explains it.

[Author]

Posts