How to make iframe responsive for mobile devices?

I am building movie website project and have some cards which have button to watch the trailer for particular movie.
But there is content fitting problem.
I mean iframes outer boundry fits perfectly but while watching inner video i have to scroll on mobile devices, I have tried css properties like scale, zoom etc. but it doesn’t work is there any way to do this?
here is link for my github repo

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.