I'm trying to find the best way to (re)size the rayden video block.
There is no option to give the size of the video player when we use the rayden video block. Didn't find anything about that in the doco.
In this case (link above) it's a portrait video, which is cut as a landscape, but in general the video player seems to take the whole available space, or take the size of the thumbnail given.
What would be the best approach to set the aspect-ratio or the size to the video player ?
eg: in this case I would like to center and reduce the size of the video player in the body.
assign a custom/additional css class name to the block for example my-video-portrait
then you can assign the following code to customizer -> additional css
.my-video-portrait .video-wrapper { min-width: auto; width: 800px; /* this sets the video width to 800px for example video is resized to preserve the original aspect ratio */ }
Kia ora,
I'm trying to find the best way to (re)size the rayden video block.
There is no option to give the size of the video player when we use the rayden video block. Didn't find anything about that in the doco.
In this case (link above) it's a portrait video, which is cut as a landscape, but in general the video player seems to take the whole available space, or take the size of the thumbnail given.
What would be the best approach to set the aspect-ratio or the size to the video player ?
eg: in this case I would like to center and reduce the size of the video player in the body.
Thanks in advance.
Cheers
Hello,
this is my solution.
assign a custom/additional css class name to the block for example my-video-portrait
then you can assign the following code to customizer -> additional css
.my-video-portrait .video-wrapper {
min-width: auto;
width: 800px; /* this sets the video width to 800px for example video is resized to preserve the original aspect ratio */
}
to se the preferred width
Thank you.
Clapat Support
Review Envato Item Support Policy
Follow us!
https://www.clapat.com/
https://www.facebook.com/clapat.ro
https://www.instagram.com/clapat.themes/
https://x.com/clapatdesign
https://www.linkedin.com/company/clapatstudio
https://www.tiktok.com/@clapatstudio