์ ํ๋ธ์ ์ฌ์ด๋ํด๋ผ์ฐ๋ ํ๋ ์ด์ด ๋น์จ ์กฐ์ ์ ๋ํด(์ต์ต์ต์ข
...)
DATE
2021/01/05
CATEGORY
etc
1 2 3 4 5 6 7 8 | $(document).ready(function() { $(".article iframe").each(function(){ var you = $(this).attr("src"); if(you.indexOf('youtube') >= 0) { $(this).wrap('<div class="youtube"><div>'); } }); }); | cs |
์ ํ๋ธ ํ๋ ์ด์ด ๋น์จ ์กฐ์ ๋ก ์ง๊ธ ๋ช๋ฒ์งธ ๊ธ์ ์ฐ๋๊ตฌ์? ์ด๋ฒ์ ์ง์ง ์ฐ์ต์ข ์ฐ์ฐ๋ง...
์ ์ ์ฌ๋ ค๋ ๊ธ '์ ๋์ฝ ์คํจ ์ ํ๋ธ iframe ์์ ๋น์จ ๋ง์ถ๊ธฐ'์ ์ฝ๋๋ ์ฌ์ ํ ์ ๊ตด๋ฌ๊ฐ๋๋ค. ์ด๋ฒ ๊ฑด iframe์ ์ฃผ์์ youtube๋ผ๋ ๋ฌธ์๊ฐ ๋ค์ด๊ฐ์์ด์ผ๋ง 16:9 ๋น์จ๋ก ๋ฐ๊ฟ์ง๋ ์ฝ๋์ ๋๋ค.
์ ํ๋ธ ์ธ์ ์ฌํด ๊ฐ์ iframe ํ๊ทธ๋ฅผ ๊ฐ์ ธ์ค๋ฉด์ ๊ฐ๊ฐ์ ํฌ๊ธฐ๋ฅผ ๋ฐ๋ก ์ง์ ํด์ฃผ์๋ ๋ถ๋ค์ ์ด ์ฝ๋๋ก ๋ฐ๊ฟ์ฃผ์ธ์! ์ฌํด ๊ฐ์ ์์๋ค์ ๊ธ ์๋ํฐ์ html ํธ์ง๊ธฐ ์์ ์ ๋ ฅ๋ ์ฌ์ด์ฆ๋ก ๋์ค๊ฒ ๋ฉ๋๋ค.
css์ .youtube, .youtube iframe ์ด ์ฝ๋๊ฐ ์์ผ์ ๋ถ๋ค์ ์์ ๋งํฌํด๋์ ์ด์ ๊ธ์ ์ฐธ๊ณ ํด์ฃผ์ธ์!