IT4Change/Ocelot-Social
3
0
Fork 0
mirror of https://github.com/IT4Change/Ocelot-Social.git synced 2025-12-13 07:45:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #4897 from Ocelot-Social-Community/4881-fix-embedded-video-to-small

Browse Source 
fix: 🍰 Fix Embed iframe Width And Height CSS
This commit is contained in:
Wolfgang Huß 2022-01-31 13:38:52 +01:00 committed by GitHub
commit 2d7b679358
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
webapp/components/Embed/EmbedComponent.vue
View File

@ -179,10 +179,24 @@ export default {
}
.html {
width: 100%;
// width: 100%;
// height: 100%;
// see this working solution here: https://stackoverflow.com/questions/35814653/automatic-height-when-embedding-a-youtube-video
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
iframe {
// width: 100%;
// height: auto;
// same solution example as above
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}