diff options
| author | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2021-06-15 16:44:32 +0200 |
|---|---|---|
| committer | Daniel Calviño Sánchez <danxuliu@gmail.com> | 2021-06-18 12:02:16 +0200 |
| commit | 85c28f5ed2bcfcd5ac29fb9dab6c8057ccb2c426 (patch) | |
| tree | 2cbc1875cfcd3d9a56b140b6725801df1a096bf4 | |
| parent | 85b4a737e1282481c6e18ae835dcdd603c7f9342 (diff) | |
Add wrapper div around the local video
This will be needed to show a loading icon on the wrapper, as it is not
possible to show it directly on the video.
Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>
| -rw-r--r-- | src/components/CallView/shared/LocalVideo.vue | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/components/CallView/shared/LocalVideo.vue b/src/components/CallView/shared/LocalVideo.vue index 570f97ec3..a41164839 100644 --- a/src/components/CallView/shared/LocalVideo.vue +++ b/src/components/CallView/shared/LocalVideo.vue @@ -25,12 +25,15 @@ @mouseover="showShadow" @mouseleave="hideShadow" @click="handleClickVideo"> - <video v-show="localMediaModel.attributes.videoEnabled" - id="localVideo" - ref="video" - disablePictureInPicture="true" - :class="videoClass" - class="video" /> + <div v-show="localMediaModel.attributes.videoEnabled" + class="videoWrapper"> + <video + id="localVideo" + ref="video" + disablePictureInPicture="true" + :class="videoClass" + class="video" /> + </div> <div v-if="!localMediaModel.attributes.videoEnabled && !isSidebar" class="avatar-container"> <VideoBackground v-if="isGrid || isStripe" @@ -314,6 +317,7 @@ export default { flex-direction: column; } +.videoWrapper, .video { height: 100%; width: 100%; |