jQuery-Youtube-background-navigation
jQuery plugin that lets you create background videos using youtube api and control navigation.
YouTube IFrame APIμ μ΄μ©νμ¬ λ°°κ²½μ μμμ μ¬μν΄μ€λλ€. λ΄λΉκ²μ΄μ λ°λ₯Ό μ΄μ©νμ¬ μμμ μ μ΄ ν μ μμ΅λλ€.
κΈ°λ₯
- μμμ΄ λλλ©΄ λ€μ μμμΌλ‘ μλμ¬μ(λ§μ§λ§ μμμ΄ λλλ©΄ μ²μμΌλ‘ μ΄λ)
- νλ μ΄ μμ΄μ½μ λλ₯΄λ©΄ νμ¬ μ¬μλκ³ μλ λ°°κ²½μ λ μ΄μ΄νμ (Modal dialog box)μΌλ‘ λ ΈμΆ
- λ°°κ²½μμ μμκ±° λ²νΌ μΆκ°
Demo
ννμ΄μ§ λ°λͺ¨ : https://iluku.net/youtube/index.html
λμ΄μ§μ λ°λͺ¨ : https://iluku.net/youtube/index.html?h=600
μΆκ°μ€λͺ
* λμ΄μ§μ λ°©λ²
css\ytbgnav.css
body{height:/* fix here */; font-family:tahoma, 'NanumBarunGothic', dotum, sans-serif}
* λ°°κ²½μμμ λ μ΄μ΄νμ μ λ ΈμΆ λ°©λ²
js\ytbgnav.js
popID[_curClick]
μ bgID[_curClick]
μΌλ‘ λ³κ²½
$(".btn_pop").live("click",function() { player.pauseVideo(); $(".pop_yt iframe").attr("src", "https://www.youtube.com/embed/"+ bgID[_curClick] +"?rel=0&autoplay=1;&wmode=opaque"); $(".pop_yt").show(); $(".pop_overlay").show(); });