Skip to content
This repository has been archived by the owner on Nov 13, 2022. It is now read-only.

Youtube embed is not responsive on smaller screens. #358

Closed
mdvsh opened this issue Jul 16, 2020 · 5 comments
Closed

Youtube embed is not responsive on smaller screens. #358

mdvsh opened this issue Jul 16, 2020 · 5 comments

Comments

@mdvsh
Copy link

mdvsh commented Jul 16, 2020

<iframe width="560" height="315" src="https://www.youtube.com/embed/{{base_url}}" frameborder="0" allowfullscreen></iframe>

Ideally on reducing browser width, the youtube embed should be smaller to keep it within the screen. This might be due to a bug in the styling. overflow might be the culprit here. Attaching screenshots to show the bug.

Both screenshots are on a Samsung Galaxy S8 with a viewport of 360x740. The first image is at normal page zoom while the second is zoomed out to show the overflowing youtube block.

I can fix this.

In progress: Adding Troubleshooting Guide info.

@github-actions
Copy link

Thank you for opening an issue. If this issue is related to a bug, please follow the steps and provide the information outlined in the Troubleshooting Guide. Failure to follow these instructions may result in automatic closing of this issue.

@hamelsmu
Copy link
Member

I can fix this.

Can you please submit a pull request?

@hamelsmu
Copy link
Member

Closing this for now look forward to your PR

xpire added a commit to xpire/fastpages that referenced this issue Jun 19, 2021
@xpire
Copy link
Contributor

xpire commented Jun 26, 2021

@hamelsmu could you look at my PR?

hamelsmu pushed a commit that referenced this issue Jul 17, 2021
Fix the youtube embed for smaller screens #358
@JayThibs
Copy link

Is this merged? Because I have this issue on my website.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants