diff --git a/projects/common/element-components/image.component.ts b/projects/common/element-components/image.component.ts index 8b2db7cc38cb0e256d2280cf803660ee45382ee5..da5a0cb92110648e6e4c16cfa0df081a98bc7db7 100644 --- a/projects/common/element-components/image.component.ts +++ b/projects/common/element-components/image.component.ts @@ -7,6 +7,8 @@ import { ElementComponent } from '../element-component.directive'; template: ` <img [src]="elementModel.src | safeResourceUrl" alt="Image Placeholder" + [style.object-fit]="'contain'" + [style.height.%]="100" [style.width.%]="100"> ` }) diff --git a/projects/common/element-components/video.component.ts b/projects/common/element-components/video.component.ts index 4a29a5fa935595c357c0a78bdd1b7dc5df0361ae..f403af3c3f0947994c3afd3f6014ceb085bc0be1 100644 --- a/projects/common/element-components/video.component.ts +++ b/projects/common/element-components/video.component.ts @@ -6,6 +6,8 @@ import { ElementComponent } from '../element-component.directive'; selector: 'app-video', template: ` <video controls [src]="elementModel.src | safeResourceUrl" + [style.object-fit]="'contain'" + [style.height.%]="100" [style.width.%]="100"> </video> ` diff --git a/projects/editor/src/app/UnitFactory.ts b/projects/editor/src/app/UnitFactory.ts index 64370dc553b1cc8988ab5ec28c5632109e50b0c0..0724cd6ace69fb26222deae8b3864a689f5304ab 100644 --- a/projects/editor/src/app/UnitFactory.ts +++ b/projects/editor/src/app/UnitFactory.ts @@ -175,7 +175,8 @@ export function createRadioButtonGroupElement(): RadioButtonGroupElement { export function createImageElement(imageSrc: string): ImageElement { return { src: imageSrc, - ...createUnitUIElement('image') + ...createUnitUIElement('image'), + height: 100 }; } @@ -189,7 +190,8 @@ export function createAudioElement(audioSrc: string): AudioElement { export function createVideoElement(videoSrc: string): VideoElement { return { src: videoSrc, - ...createUnitUIElement('video') + ...createUnitUIElement('video'), + height: 100 }; }