๐Ÿ’ก ๅ…‰ใซๅ‘ใ‹ใฃใฆไธ€ๆญฉใงใ‚‚้€ฒใ‚‚ใ†ใจใ—ใฆใ„ใ‚‹้™ใ‚Šใ€ไบบ้–“ใฎ้ญ‚ใŒ็œŸใซๆ•—ๅŒ—ใ™ใ‚‹ใ“ใจใชใฉๆ–ญใ˜ใฆใชใ„
๐Ÿ’™ YUNICORN STUDIO
์šฐ๋ฆฌ ๊ฐ€๊ฒŒ ์ •์ƒ์˜์—…ํ•ฉ๋‹ˆ๋‹ค...๐Ÿ˜‹
์œ ํŠœ๋ธŒ์™€ ์‚ฌ์šด๋“œํด๋ผ์šฐ๋“œ ํ”Œ๋ ˆ์ด์–ด ๋น„์œจ ์กฐ์ •์— ๋Œ€ํ•ด(์ตœ์ตœ์ตœ์ข…...)
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 ์ด ์ฝ”๋“œ๊ฐ€ ์—†์œผ์‹  ๋ถ„๋“ค์€ ์œ„์— ๋งํฌํ•ด๋†“์€ ์ด์ „๊ธ€์„ ์ฐธ๊ณ ํ•ด์ฃผ์„ธ์š”!

yunicorn