Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Make videos look better #9438

Open
tiotrom opened this issue Oct 19, 2020 · 5 comments
Open

Make videos look better #9438

tiotrom opened this issue Oct 19, 2020 · 5 comments

Comments

@tiotrom
Copy link

tiotrom commented Oct 19, 2020

By making:

iframe, img, video {
    max-width: 100%;
    width: 100%;

Videos that are shared on Friendica will look better. Will fit the width of the posts.

From looking like this:
image

It will look like this:
image

@MrPetovan
Copy link
Collaborator

We allow inline images in the body of posts, so I'm not sure what img { width: 100% } would do in this case. It's also possible that the video { width: 100% } would drastically alter the YouTube link preview we have. We may need to precise this CSS selector more to avoid side-effects.

@tiotrom
Copy link
Author

tiotrom commented Oct 19, 2020

Yah, maybe just target youtube embeds with a different css class that avoids this.

@MrPetovan
Copy link
Collaborator

Yep, otherwise it's a good idea.

@andyrufasto
Copy link

andyrufasto commented Jan 13, 2021

image

Vier mobile : not responsive design on videos.

@AlfredSK
Copy link

Umm. That's 'vier' not 'frio'.

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

No branches or pull requests

4 participants