Make videos look better

friendica / friendica

Friendica Communications Platform

https://friendi.ca

GNU Affero General Public License v3.0

1.43k stars 340 forks source link

Make videos look better #9438

Open tiotrom opened 4 years ago

tiotrom commented 4 years ago

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:

It will look like this:

MrPetovan commented 4 years ago

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 commented 4 years ago

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

MrPetovan commented 4 years ago

Yep, otherwise it's a good idea.

andyrufasto commented 3 years ago

Vier mobile : not responsive design on videos.

AlfredSK commented 3 years ago

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