I have embedded a youtube video on my site's homepage which has fixed width and height. When I open that on my mobile the video goes out of the screen. If I make the width and height to 100% then the width is good but height is too small, but that shows good on mobile.
I searched on the web about the responsive youtube videos, I was shown some javascript code to be added in the desired page and CSS code to be added in theme's CSS. But I don't like this because to every page where I want to add videos is to be added javascript code too!
In page builder where we add blocks, has option
VISIBLE FOR
-Guest
-Member
Wouldn't be it better if there is option like
-Do not show on mobile
-Only show on mobile
This will help in adding content that should be shown only on computer or mobile.
In my case, I will implement like this... I will add two blocks containing the same video having the width and height good for computer where I will tick Do not show on mobile.
And in another having width and height good for mobile with the option Only show in mobile.
What do you say?