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