Responsive video in header
-
Hi there
When I upload video from media library right under the header on my website, the video looks perfect on a computer, but when I go to the webshop on my mobile, the video image is zoomed in a lot so it doesn’t look as nice as on a computer.
I have also tried using the url to see if that solves the problem, but the video image is still zoomed in too much. I have tried making the video responsive via codes in css, but that doesn’t help!? I use kubio editer.The code i use is:
/* Responsiv video container / .responsive-video { position: relative; padding-bottom: 56.25%; / 16:9 aspect ratio */
height: 0;
overflow: hidden;
max-width: 100%;
}.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
Can anyone help with a solution to this problem? -
Hi there,
Good morning. I hope you’re doing great.
Have you hosted your website on WordPress.com or the WordPress.org self-hosting platform?
If you’ve not used the WordPress.com platform, then it’s recommended to open a support ticket at the following URL for WordPress.org support.
https://wordpress.org/support/forums/
or
https://wordpress.org/support/plugin/kubio/
To understand the difference between WordPress.com and WordPress.org, please check the article below.
WordPress powers millions of websites, from bloggers and small businesses to massive news sites and companies. This guide will help you to understand the difference between WordPress.com and WordPress.org, and which might be the best fit for your website. Overview of Differences The same WordPress software powers both WordPress.com and WordPress.org sites. One of the main differences is hoHave a good day!
Thanks
Faisal -
- The topic ‘Responsive video in header’ is closed to new replies.
WordPress.com Forums 