Modal with embedded video

[salilou]

Hi,
as discussed here

Modal and Video Element Options

Hey there, Coding Aces. I’ve got a Modal button that activates a Video element. Really happy with the creative options, but there are two issues. On the smallest mobile screen size, the video is not centered. After exiting the video pop-up, it continues to play and you continue to hear the audio if you haven’t manually stopped it prior to exiting the modal. Thank you.

and here

Button to open video

hello, I would like to have a video open when pressing the “watch trailer” button. Here is an example of what I would like to achieve. https://drive.google.com/file/d/1deHbBbqPGLJ9vPkma3kwsb1de8VJz5_Z/view Please advise on how to go about this. the curret url is: https://warriorsofstone.com/ Thank you

I want to build a slider with images.
Clicking on the image opens a modal with a video.
The video should possibly be fullscreen on every screen.
The toggle as an image to open the modal works fine, but I cannot make it to have the video embed correct.
It is to small or to big.
When I use data-rvt-offscreen-reset, the video is invisible.

Giving the Modal element a Custom CSS to reduce the left/right padding, does not work on mobile, only in CS preview:

@media screen and (max-width: 767px) {
$el.x-modal {
padding-right: 0.5em;
padding-left: 0.5em;
}
}
Edit: Now I see the left right padding depends on the width/height of the close icon!
Is there a way to make it independent?

Tested on Safari and Firefox on Macbook and iPhone X.

Neues Album erscheint 2023

Hope you can help!
Best regards,
Hannes

[christian]

Hey Hannes,

I see you’ve placed the Youtube iframe code inside a Text element. You need to use the Video element moreover that the data-rvt-offscreen-reset is for the Video element.

Please correct your setup first and tell us the issue with it.

[salilou]

Thank you. The Video Element is much better, because I can control the iframe.
But the strange behavior is still there:
Setting data-rvt-offscreen-reset as custom attribute to the Video Element makes the Video invisible.
I send you credentials, in case you need it.

[tristup]

Hi Hannes,

I have tried to check from the WordPress admin dashboard but unfortunately, the given credentials do not work. Can you please check and reshare it again?

Thanks

[salilou]

Sorry for the inconvenience!
Here are the correct credentials.
I have tried - they do work.

[tristup]

Hi Hannes,

I have added the data-rvt-offscreen-reset custom attribute and found the issue you described here. But I did the same in my local environment with the latest version of Pro and it worked perfectly fine.
It seems, there might be some different reasons behind your issue, and I would like to suggest troubleshooting the following common issue to help us recognize the reason.

1.Theme Related Issue
2.Plugin Conflict
3.Theme Update related issue
4.Child Theme Related issue
5.CSS/JS Customization
6.Disabling Cache
7.Disabling CDN

If you discover that an issue is coming from custom code or 3rd party plugin, kindly consult with a developer or contact the plugin author. Please note that we do not provide support for custom codes and 3rd party plugins.
If none of the above helps, please copy your live site to a staging server so we could troubleshoot freely without breaking your live site.
And give us access to the secure note, including:

– WordPress Site URL & Login URL
– WordPress Admin username/password

To create a secure note, click the key icon underneath any of your posts.

Thanks

[salilou]

Thank you.
The GDPR plugin Complianz is causing the issue.
I have written to their support and will report any solution here.

[prakash_s]

You are most welcome @salilou