From 2e312ab5c8acd61d9824a0709c66262d3f3b53f1 Mon Sep 17 00:00:00 2001
From: jojohoch <joachim.hoch@iqb.hu-berlin.de>
Date: Fri, 27 Aug 2021 15:16:28 +0200
Subject: [PATCH] Add width to video and audio element
---
projects/common/element-components/audio.component.ts | 6 +++---
projects/common/element-components/video.component.ts | 6 +++---
2 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/projects/common/element-components/audio.component.ts b/projects/common/element-components/audio.component.ts
index fa1127a92..ba00f15c0 100644
--- a/projects/common/element-components/audio.component.ts
+++ b/projects/common/element-components/audio.component.ts
@@ -5,9 +5,9 @@ import { ElementComponent } from '../element-component.directive';
@Component({
selector: 'app-audio',
template: `
- <div>
- <audio controls src="{{elementModel.src}}"></audio>
- </div>
+ <audio controls src="{{elementModel.src}}"
+ [style.width.%]="100">
+ </audio>
`,
styles: [
'div {display: inline-block; border: 5px solid; padding: 12px 9px 9px 9px;}'
diff --git a/projects/common/element-components/video.component.ts b/projects/common/element-components/video.component.ts
index f9ca43d7e..42d138329 100644
--- a/projects/common/element-components/video.component.ts
+++ b/projects/common/element-components/video.component.ts
@@ -5,9 +5,9 @@ import { ElementComponent } from '../element-component.directive';
@Component({
selector: 'app-video',
template: `
- <div>
- <video controls src="{{elementModel.src}}"></video>
- </div>
+ <video controls src="{{elementModel.src}}"
+ [style.width.%]="100">
+ </video>
`,
styles: [
'div {display: inline-block;border: 5px solid; padding: 12px 9px 9px 9px}'
--
GitLab