μ νλΈμ μ¬μ΄λν΄λΌμ°λ νλ μ΄μ΄ λΉμ¨ μ‘°μ μ λν΄(μ΅μ΅μ΅μ’
...)
2021.01.05
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 μ΄ μ½λκ° μμΌμ λΆλ€μ μμ λ§ν¬ν΄λμ μ΄μ κΈμ μ°Έκ³ ν΄μ£ΌμΈμ!