Kadence Slider Pro Background Video – responsive and size

[Solace]

Solace

July 24, 2019 at 12:50 am

Hi Ben / team

Hope you are keeping well.

I have a question regarding using the Kadence slider pro – I am wanting to embed a youtube video on the home page at full size in the background and add a text layer / button on top.

I cannot provide a login for you to view as it’s being developed locally (I could provide screen shots if required)

The issue is as follows;

1) Youtube branding / watch later / share text – appears briefly. I understand it’s not possible to remove this, but what do you recommend would be the best way to hide it – for example, by enlarging the video viewport size, so that the top and bottom YouTube margins are hidden?

I tried adjusting .ytplayer-player-inline css but it appears the sizing of the video is dynamic…. (but not responsive) – which leads me to the next point….

2) The background YouTube video is not responsive.

Here are the settings I’m using in the slider;

Slider Grid Height: Full
Slider Grid Width: Full
Background position: center center (not sure if relevant)
Background repeat: no repeat (not sure if relevant)
Background size: cover (not sure if relevant)
Video Ratio: 16/9 (have tried all ratios but 16/9 appears best on all screen sizes, except for the above points made)

If you can’t help with Virtue suggestions – perhaps you’ll know of an alternative slider that could achieve it?

Greetings
Solace