diff --git a/packages/frontend/src/components/MkMediaList.vue b/packages/frontend/src/components/MkMediaList.vue
index d36cc2d26b5b..d607fb16306b 100644
--- a/packages/frontend/src/components/MkMediaList.vue
+++ b/packages/frontend/src/components/MkMediaList.vue
@@ -1,15 +1,23 @@
-
+
diff --git a/packages/frontend/src/components/MkVideoPlayer.vue b/packages/frontend/src/components/MkVideoPlayer.vue
index a95235069d02..a27ff1b407ba 100644
--- a/packages/frontend/src/components/MkVideoPlayer.vue
+++ b/packages/frontend/src/components/MkVideoPlayer.vue
@@ -32,11 +32,9 @@ export default {
this.$refs.videoPlayer,
{
...this.options,
- fill: false,
- // 高さ制限
- height: 343,
+ fluid: true,
+ fill: true,
// responsive: true,
- fluid: false,
// aspectRatio: '4:3',
},
() => {
@@ -56,7 +54,10 @@ export default {
.root {
display: flex;
justify-content: center;
+ align-items: center;
background-color: black;
+ width: 100%;
+ height: 100%;
}