I used the twenty-seventeen customize tool to add an embedded youtube video to my header-media, by only providing a link url.
But it displays with 2 black side bars, on the left and right of the video. From reading other posts, this is how Youtube formatted the video to display. But is there a way to override this somehow?
My work-in-progress website is: www.diatomfilms.com so you can see the problem.
Found this article with quick google search: https://filmora.wondershare.com/youtube-video-editing/remove-youtube-videos-black-bars.html
I guess the fourth solution in the article would be helpful for you because you have already uploaded the video on YouTube.
Click on the Edit button next to the video, and add the most suited
instruction in the Tag bar below:
t:crop=16:9 This tag zooms in on the video because of which the
contents at the borders (black bars in this case) do not appear
anymore.
yt:stretch=16:9 This tag stretches the video in the aspect ratio of
16:9. It is used to view the video in wide-screen format.
yt:stretch=4:3 if your video is appearing in wide-screen format, but
you want it to display in 720 x 480 pixels, apply this tag. It scales
down the video 4:3 aspect.
Related
I want to embed a slideshow that goes from edge to edge of the screen. It would be convenient if I could embed into the header, but it only accepts images, and no embeds or zip files.
It sounds like you want a background image. On the toolbar, select View, then Master. You'll see a 'background' option on the toolbar.
Our developer has disappeared off the face of the planet and when our web server updated it's PHP version, formerly square images have cropped to landscape.
https://www.weareabsoluteuk.com/retail/
The section in question is the portfolio (screenshot attached) these were previously square but not display landscape despite the featured images still being a 1:1 ratio.
I'm familiar with Divi but this seems to be a custom built slider the developer has made and I'm just trying to figure out how I can make these images display as square again as we've sent countless requests to our developer to no avail
enter image description here
Would really appreciate a point in the right direction as I can get the containers to the size they should be but the image never fills them
Thanks
.et_pb_row
for this class max-width: 1080px is there, so it is restricting the images to look like rectangle instead of square, and your images are not square
your images are of resolution 400 x 284, so it wont look like square. You can try images as background images in order to appear them as square.
I'd like to display a video on my WordPress site in between content, and I'd like that video to take up the full page width, and a fixed height. It's ok that the videos scales and crops as-needed.
I'd also prefer to stream it from YouTube, Vimeo, etc, as the site's performance is somewhat hindered when the video is self-hosted.
Have gotten closest to desired result using the YouTube IFrame player API. The actual container behaves the way I'd like, however the as soon as the video is played, the black bars appear on each side to maintain the video's aspect ratio.
Open to plug-ins and such.
Any guidance would be very much appreciated.
ARVE is a very popular and powerful plugin to display YouTube, Vimeo videos full screen. It uses shortcodes to display videos in posts.
I have uploaded an image into a wordpress website and when i enable open in lightbox the image actually shrinks to about a 200x200px square. the original file is much larger and im wondering if there is a way to enable the lightbox to display the larger image (or at least not shrink the image once it is opened in a lightbox)
Turns out the image link the lightbox was referencing had dimensions in the url, going to the media tab and taking the image location itself and pasting it in fixed the issue.
I'm having an extremely strange issue with an HTML that has 3 videos on it. I'm using videojs for the videos, and all videos have been converted to three different formats to ensure cross-browser compat.
Having said that, when the videos are played, strange black lines appear on the bottom, or on the right of the videos (This even changes across browsers!!).
I have absolutely no clue where this lines come from, as they don't appear on CSS at all.
Here's the link to show you what I'm talking about:
http://tomascamusso.com/helpme
PS: In case it has become a part of the video itself, is there any common software to edit these videos?
Thanks!
The line is in the background image which the video is overlayed on.
http://tomascamusso.com/helpme/img/hang_on_to_your_assets.png
Now I see the image is hidden when the video is played (display: none;). However it does look like the end of the video the still image from the feed was using the same background image.. worth looking into.
- here is a screenshot.