-
Posts
-
Gday Enfold users
When I embed a vimeo video using the advanced layout editor, the video fills the width of the #main .container (as you’d expect).
Is there any way to set params for the video size? For example, I need it to be a smaller width (approx 80px, but isn’t a size that I can use the layout divisions available).
Using CSS I resized the #main .container, but the video still poked out/overflowed the side of it.
Since I want the benefit of the responsive resizing I would like to still use the video embed of enfold.
Thanks for any help with this
cheers
Darryl
We had the same problem and got around it by pasting embed code into the ‘Text’ area of a text block instead. This allows you to include additional attributes for Width and Height whilst still producing responsive video to some degree at least!
Unfortunately though, the video seems to resize within a containing div element which doesn’t resize with it and stretches vertically to reveal tons of black space above and below the video content in mobile browsers. This is the area that would usually be occupied by custom logos, titles and HTML links that you’ve added to your Vimeo videos specifically.
Once in a text block you can also change the width of the column using the Advanced Layout Editor as normal too, so there are other ways to restrict how much space your embedded video content occupies. Hopefully we’ll see a better solution to this in future releases though, as it’s a very important feature!
Hope that helps,
Hey!
No, right now you can’t change the width manually and the video will always stretch to the container width. You’d need to add the video into a column (eg 1/2, etc.) to shrink the width. You can also try to embed the video iframe directly into the html code.
Regards,
Peter
Thanks for your help guys. The problem only occurs with minor size adjustment requirements. I can see that it fits and resizes with preset advanced editor sizes and am very grateful for the work the theme developers have done to achieve this. But only when it needs to be say 80px short of the total width was when I found issues.
I was able to manage it with specific media sizes but that only works at the ‘breakpoints’, such as:
/*compress space for video*/
.home .entry-content {
padding-left: 35px;
padding-right: 35px!important;
}cheers
Darryl
- The topic ‘Set size of video content’ is closed to new replies.