terbits/wikijs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

docs: update Dance/Blues/Instruction_Video/Bluesroom/new-page/0_abcd_esdf

Browse Source
This commit is contained in:
Administrator
2026-04-23 08:31:44 +00:00
committed by John Smith
parent ef47078995
commit 2c9447fab1
1 changed files with 9 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
Dance/Blues/Instruction_Video/Bluesroom/new-page/0_abcd_esdf.html
View File

@@ -2,7 +2,7 @@
title: abcd edsdf title: abcd edsdf
description: description:
published: true published: true
date: 2026-04-23T08:30:25.273Z date: 2026-04-23T08:31:43.046Z
tags: tags:
editor: code editor: code
dateCreated: 2026-04-23T05:48:59.751Z dateCreated: 2026-04-23T05:48:59.751Z
@@ -10,23 +10,20 @@ dateCreated: 2026-04-23T05:48:59.751Z
<h1>1_Basic Turns Course</h1> <h1>1_Basic Turns Course</h1>
<hr> <hr>
<iframe src="https://video.terbits.xyz/player.html?src=videos/Bluesrooms/Begginer%20Survival%20Kit/Basic%20Turns/1_Basic%20Turns%20Course.mp4" class="responsive-video" frameborder="0" allowfullscreen allow="autoplay; fullscreen"></iframe> <iframe src="https://video.terbits.xyz/player.html?src=videos/Bluesrooms/Begginer%20Survival%20Kit/Basic%20Turns/1_Basic%20Turns%20Course.mp4" class="modern-video" frameborder="0" allowfullscreen allow="autoplay; fullscreen"></iframe>
<style> <style>
/* 1. 기본 스타일 (모바일 기준) */ .modern-video {
.responsive-video { width: 100%; /* 모바일 기준 */
width: 200%; /* 모바일에서는 가로 꽉 채움 */ /* iframe은 height: auto가 아니라 특정 값을 주거나 비율을 강제해야 함 */
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
height: auto !important;
display: block; display: block;
margin: 0 auto;
height: auto;
} }
/* 2. 데스크톱 스타일 (화면 너비가 768px 이상일 때) */
@media (min-width: 768px) { @media (min-width: 768px) {
.responsive-video { .modern-video {
width: 200%; /* 데스크톱에서는 60%로 축소 */ width: 60%; /* 데스크톱 기준 */
max-width: 2000px; /* 너무 커지는 것 방지 */ margin: 0 auto;
height: auto;
} }
} }
</style> </style>