Responsive iframe with video player in Home page

Posted in: Newspaper
Post count: 5
grkiwi
#462224
Jan 5, 2023 at 11:13 am

Hi,

I am trying to embed a self-hosted video on my home page, but no matter what I try it isn’t responsive. The size is fixed. So when the browser gets smaller it just crops the video.

I found some custom CSS that I made a class of and used on the page but that didn’t work either.

Can someone please point me to the right direction to accomplish this?

Thank you !

Post count: 27744
Anamaria
#462324
Jan 6, 2023 at 9:24 am

Hello,

Please let me know how you add the video. Please provide the link to your website.

Thank you!

Post count: 5
grkiwi
#462608
Jan 10, 2023 at 6:04 am

Hi,

I am trying to use self-hosted video. I managed to get it working a bit better by using Vimeo which seems to adapt it’s size. However, self-hosted behaves differently and just stays the same size, regardless of browser size.
The website is https://nzcretanwomen.kpl.nz/ and I’m trying to do this on the home page.

Thank you!

Post count: 27744
Anamaria
#462648
Jan 10, 2023 at 9:03 am

Hello,

I don’t see your self video, only youtube and Vimeo -> https://i.imgur.com/blopBDX.jpg
Please set the video and after let me know where you set.

Thank you!

Post count: 5
grkiwi
#462649
Jan 10, 2023 at 9:14 am

Hi,

Yes I had it in Vimeo, where it resized. I have now changed it to the same video, but self-hosted. As you will see the frame is now not responsive.

Post count: 27744
Anamaria
#462828
Jan 11, 2023 at 9:47 am

Hello,

Please use this custom code css
.td_block_video_embed video
{
width: 100%;
}

Set the code in Theme Panel -> Custom Code -> Custom CSS.
Thank you!

Post count: 5
grkiwi
#462931
Jan 11, 2023 at 11:29 pm

That fixed it!

Thank you very much!!

Viewing 7 posts - 1 through 7 (of 7 total)
The forum ‘Newspaper’ is closed to new topics and replies.