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

This commit is contained in:
2026-04-23 08:35:23 +00:00
committed by John Smith
parent 542d009805
commit 0ae3dc0da7

View File

@@ -2,7 +2,7 @@
title: abcd edsdf
description:
published: true
date: 2026-04-23T08:34:14.355Z
date: 2026-04-23T08:35:21.565Z
tags:
editor: code
dateCreated: 2026-04-23T05:48:59.751Z
@@ -10,49 +10,19 @@ dateCreated: 2026-04-23T05:48:59.751Z
<h1>1_Basic Turns Course</h1>
<hr>
<div class="video-outer-container">
<div class="video-inner-box">
<div style="width: 100%; max-width: 1400px; margin: 0 auto;">
<div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;">
<iframe
src="https://video.terbits.xyz/player.html?src=videos/Bluesrooms/Begginer%20Survival%20Kit/Basic%20Turns/1_Basic%20Turns%20Course.mp4"
frameborder="0"
style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0;"
allowfullscreen
allow="autoplay; fullscreen">
</iframe>
</div>
</div>
<style>
/* 클래스 명 중복 방지를 위해 고유한 이름 사용 */
.video-outer-container {
width: 100% !important; /* 모바일 우선: 가로 꽉 채움 */
max-width: 100% !important;
margin: 20px auto !important;
}
/* 데스크톱 너비 조절 (768px 이상일 때) */
@media (min-width: 768px) {
.video-outer-container {
width: 200% !important; /* 데스크톱에서 60% 적용 */
}
}
.video-inner-box {
position: relative !important;
width: 100% !important;
height: 0 !important;
padding-top: 56.25% !important; /* 16:9 비율 유지 핵심 */
overflow: hidden !important;
}
.video-inner-box iframe {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important; /* 부모의 padding 영역을 100% 채움 */
border: 0 !important;
}
</style>
<hr>
<p>COURSE: Basic Turns</p>
<p>FOCUS: This lesson teaches the inside turn in dance, focusing on proper technique for leaders and followers to execute the turn smoothly and return to close position.</p>