Ae8/세로최적화3단분리갤러

[가양]

<style>
.r-90 { display:block; width:540px; height:960px; overflow:hidden; margin-left:70px;  }
.r-90 div { position:relative; width:calc(1600%/9); height:calc(900%/16); }
.r-90 video, .r-90 iframe { position:absolute; border:none !important; transform:rotate(90deg); top:calc(350%/9); left:calc(350%/-16); }
@media screen and (hover:none) and (pointer:coarse)  {
    @media (orientation: portrait) { .r-90 { width:270px; height:480px; margin:0 auto; } }
    @media (orientation: landscape) { .r-90 { width:450px; height:800px; margin:0 auto; } }
}
</style>
<div class="r-90"><div>

</div></div>

<style>
.wh-16-9 { display:block; aspect-ratio:16/9; width:100%; max-width:1280px; border:1px solid #cccccc; border-radius:0px; box-sizing:border-box; margin:0 auto; }
</style>
<iframe class="wh-16-9" src="https://kakaotv.daum.net/embed/player/cliplink/rv4y52bbpjonl5wpi4mpzadr2@my?service=daum&autoplay=1&loop=1&popup=1" allow="autoplay"></iframe>

<style>
.r-90 { display:block; width:540px; height:960px; overflow:hidden; margin-left:70px;  }
.r-90 div { position:relative; width:calc(1600%/9); height:calc(900%/16); }
.r-90 video, .r-90 iframe { position:absolute; border:none !important; transform:rotate(90deg); top:calc(350%/9); left:calc(350%/-16); }
@media screen and (hover:none) and (pointer:coarse)  {
    @media (orientation: portrait) { .r-90 { width:270px; height:480px; margin:0 auto; } }
    @media (orientation: landscape) { .r-90 { width:450px; height:800px; margin:0 auto; } }
}
</style>
<div class="r-90"><div>

</div></div>

이렇게 하였는데 동영상이 안 나옵니다

어디가 잘못 되었는지 모르겠습니다

동영상은 동영상 태그 추출기에서 하였습니다

https://cafe.daum.net/Artworld/V88H/18

[설우]

답변 글 보세요 가양님
잘은 모르지만~
태그를 아래에도 작성해서 안보이는가 봅니다^^

[가양]

제가 그동안 큰 일이 있어 카페 지금 일주일 만에 처음 들어왔습니다
카페 들어올 사정이 못되었습니다
죄송 합니다

[빨간구두]

그냥 편하게

<link rel="stylesheet" href="https://t1.daumcdn.net/cafeattach/1ZLPG/c787d333362274f25da6b02cd2c3b4996b087e9d" data-css="white_column_skin">
<div class="column"><div><iframe src="https://kakaotv.daum.net/embed/player/cliplink/rv4y52bbpjonl5wpi4mpzadr2?service=daum&autoplay=1&loop=1&popup=1" allow="autoplay"></iframe></iframe></div></div>

로 하세요.

https://cafe.daum.net/Artworld/V9Fl/14
https://cafe.daum.net/Artworld/V9Fl/13

[설우]

와~
간단하네요
구두님 소스
배움합니다^^

[가양]

빨간 구두님 너무 죄송 합니다
제가 집에 큰 일이 있어 일주일 만에 처음 들어 왔습니다 이번 질문 올리자 마자 일이 있었습니다
대단히 죄송 합니다
두 사이트에 들어가 보겠습니다
선생님 대단히 감사합니다

[가양]

설우님 간단 한데 저는 그것을 모르니 어쩌면 좋아요
설우님 감사 합니다

[비타주리]

다들 수고하셨습니다

[가양]

늘 감사합니다

[변하린]

질문 올라 오면 바로 해결이 되는 아트월드 만쉐~ 입니다. ㅎㅎ
가양님 화이팅요~

[가양]

네 ... 맞아요 이렇게 빨리 해결이 되어 감사합니다
그간 집에 사고가 있어 못 들어 왔습니다
변 하린님 감사합니다

[시화연]

가양님~~해결 되셨을 듯 하지요~

질문 올려주시고 답변 드린 분들께 감사의 한줄은 기본입니다~

[가양]

시화연님 죄송 합니다
그간 집에 큰 일이 있어 일주일 만에 처음 들어 왔습니다
늘 아껴 주시고 잘 가르쳐 주시어 감사합니다