Hi
Thanks in advance for your help.
I am using the Vantage theme, and basically inserted pagebuilder. Within that I have created a row with circa 4 cells.
Within each cell I wish to insert a video – unloaded mainly .mp4 format – and using your video widget as the player.
At present I am trying to understand if it is possible to actually fix the video height/width?
I have changed the row height but as you mention in other posts that is desirable as the video remains larger than the row so overlaps.
Again many thanks for your excellent theme.
Cheers
Simos
Hi Simo
Thanks for your kind feedback.
Please, could you send a link showing the overlap issue? If the issue isn’t visible on a live page, perhaps you could create a test page showing the problem.
Thanks again.
Hi Andrew,
First many thanks for the quick response.
If you go to simos.co.uk and scroll down you will come across a video section.
The first row of videos is what I am attempting to do but with smaller video height-widths to make it look nicer and have some text under each video image.
Under that you will see I have created a row, inserted a pagebuilder widget, inserted another row with an CSS attribute of height: 20px, – just to test. Into the row I have inserted the siteorigin video widget.
You will see how the size of the video overrides the row height – in fact with this quick test setup it is actually overriding the background image of another row.
I hope this all makes sense. Any questions or advice is always welcome. many thanks for your support.
Simos
Hi Simos
You can try editing the video widget, opening Attributes on the right and setting a max-width declaration in the CSS Styles field https://imgur.com/a/QjszfyT
An alternative option would be to instead insert a SiteOrigin Editor widget and inset the videos using the Add Media button. Once inserted, switch to the Text tab where you’ll find a width and height value in the shortcode.
Hi Andrew,
many thanks for your reply and sorry for my delayed response.
Re: your first option I have used both the width and height css which reduces the cell but the video overlaps so I had to increase the size of the cell. I have left this on the site for you to view – 1st row 1st cell. (note I have removed my original example and just have 1 row of videos now) Note also this is using the text editor and embed a video
Re: your second option I have used on the 1st cell 2nd row. I am know testing both to see if I can get the full effect – something neater.
Note this is your editor and insert video from library.
Quick question and 2nd image is there a way of removing the bottom menu as the video already has the circle play icon? therefore be similar to the embodied video.
As ever many thanks for you superb help.
Simos
Hi Simos
You can try hiding the controls of the default WordPress media player by adding to Custom CSS or Additional CSS:
.mejs-container .mejs-controls { display: none !important; }Hi
Perfect :)
many thanks as ever for your support.
Simos
Glad that helped :) Cheers.