[jungack]

Hello,

I want to be able to crop (zoom in) a landscape YouTube video used as a header in order to fill the entire screen (of a smartphone or any other device) instead of the actual behaviour : for now, on mobile, the YouTube video is shown small in order to be displayed on the smartphone screen with two big black strips above and below the video. I don’t find any possible CSS Code for this… Is It possible to zoom so the top and the bottom of the Youtube video touch the borders of the screen ?

Thank you !

[Skandha]

@jungack: Hello there,
Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[jungack]

Hello,
The link to the website is https://kamata.website.
I just reproduced what I have locally (with a random video from YouTube): you just have to open the link on mobile to see that the YouTube video is small on smartphones with two black strips above and below the video. Is it possible to zoom on the video (so It is cropped) to remove the black strips ?

[jungack]

@Skandha
One more thing to add in addition of zooming into the video header not to see black strips especially on mobile : Is it possible to keep the video playing while scrolling in the website ?

[Skandha]

@jungack: Hello there,
At my end the video is showing up well with no black strips above and below the video. Can you please attach a screenshot and let me know on which device you are having this issue?

I am afraid it is not possible to have the video playing while scrolling the website.

Kind Regards,
Skandha

[jungack]

@Skandha

Hello,
I have achieved to make the video showing without any strip on all the screens, thank you. However, at least, is It possible to make the video start again from the beginning when scrolling back to the top of the website (i.e when we see the video again) ?

[Author]

Posts