질문글이 하나 올라와서 코드를 한번 짜 보았습니다. - https://sir.kr/qa/494755
유튜브원본 - https://www.youtube.com/watch?v=27R3EyTW_MY
[code]
<style>
#yt90Div { width:100%; position:relative; margin:0 auto; }
#yt90Div iframe { position:absolute; display:block; border:none; transform:rotate(90deg); }
</style>
<div id="yt90Div">
<iframe src="https://www.youtube.com/embed?playlist=27R3EyTW_MY&loop=1&autoplay=1&vq=highres" allow=autoplay allowfullscreen></iframe>
</div>
<script>
addEventListener("resize", yt90Size = () => {
yt90 = yt90Div.querySelector("iframe");
yt90Width = yt90Div.offsetWidth;
yt90Div.style.height = yt90.style.width = (yt90Width * 16 / 9) + "px";
yt90.style.height = yt90Width + "px";
yt90.style.top = yt90Width * 7 / 18 + "px";
yt90.style.left = yt90Width * -7 / 18 + "px";
} );
yt90Size();
</script>
[/code]
검은 뻘여백은 당연히 보이지 않습니다.^^
댓글 21개
장기판에서 차포마상 길 가는 법을 모르는 사람은 없거든요.
그런데 똑같은 행마법을 알고 있는데도 어떤 사람의 장기 실력은 평범하고 어떤 사람의 장기 실력은 그것으로 직업이 되는 프로의 수준이 되지요.
자바스크립트도 기본적인 행마법은 웹상에 널렸어요. 아마 저보다 더 많은 속성과 메서드를 알고 있는 사람들도 쎄고 쎘을 거에요.
하지만 행마법을 아는 것만으로는 내공이 아니라고 생각합니다. 중요한 것은 상황에 따른 운용이라고 해야 하는데 제가 운이 좋게도 그 재주가 아주 아주 약간 더 있을 뿐이에요.
어떤 특정 상황이 되면 "어 이건 이 속성과 이 메서드를 조화시키면 될 것 같은데?" 라는 느낌이 머리를 쥐어짜고 숙고하지 않아도 자연스럽게 떠오르는 능력입니다.
어쨌거나 칭찬 말씀 감사합니다.
"느낌이 머리를 쥐어짜고 숙고하지 않아도 자연스럽게 떠오르는 능력"
이런 부분이 값어치가 있다고 강력 주장하는바입니다.
세상만사에 얼매나 많이 알고 있나는 차등의 문제 이더군요.
비근한 예로 제 짜지퍼의 비천한 실력으로 저희회사(중소규모 물류회사)에 늦은 나이로 물류팀 과장을 꿰어차고 있는 실정입니다.
제 밑에 유능한 젊은이도 여럿 있습니만...
@비타주리 님은 자바스크립터로 만든 각종 솔루션을 만들어 유료로 판매하여도 경쟁력이 있어 보입니다.
재고해 보시옵소서.
"네 시작은 미약하나 네 나중은 심히창대하리라"
시작하시면 한 손 보탤 용의가 있습니다.
게시글 목록
| 번호 | 제목 |
|---|---|
| 17819 |
JavaScript
당신이 알아야 할 자바스크립트의 강력한 7가지 팁
3
|
| 17818 |
JavaScript
자바스크립트 코드를 더 깔끔하고 보기 좋게 작성하는 팁
1
|
| 17817 |
PHP
chatgtp
|
| 17816 |
JavaScript
textarea 자동 높이 설정하기.
1
|
| 17814 | |
| 17811 |
JavaScript
자바스크립트 플래이그라운드 - RUNJS
|
| 17810 | |
| 17809 | |
| 17808 |
JavaScript
16진수 색상코드 확인함수
|
| 17803 | |
| 17799 | |
| 17798 | |
| 17797 |
JavaScript
동영상파일 썸네일 만들기
8
|
| 17795 |
JavaScript
div태그의 사이즈가 변경되는 이벤트를 처리하기
|
| 17794 |
JavaScript
초->hh:mm:ss로 변환하는 함수
1
|
| 17793 |
JavaScript
JSON Beautify
|
| 17790 |
PHP
JSONP실례
|
| 17789 | |
| 17786 |
JavaScript
ThreeJS로 3디지구에 포인트 찍고 정보 현시기능
|
| 17774 | |
| 17760 | |
| 17755 | |
| 17750 | |
| 17729 | |
| 17722 | |
| 17714 | |
| 17708 | |
| 17686 | |
| 17676 |
JavaScript
유튜브 풀화면 묵음배경 예제
9
|
| 17666 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기