[問題] Youtube嵌入，如何讓使用者點擊才載入?

[irritated90 (Yie)]

由於我的網頁有許多部份會嵌入Youtube的影片
使用的嵌入方法為YT提供的iframe嵌入

但是網頁只要嵌入過多YT影片就會拖慢網頁讀取速度
我想能不能做成讓使用者點擊該影片縮圖後載入影片呢？

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.46.125.241
※ 文章網址: https://www.ptt.cc/bbs/Web_Design/M.1463026741.A.1E9.html
推 devil115789: click圖片後把圖片替換成iframe?
→ devil115789: https://jsfiddle.net/cLvkspj0
→ irritated90: 感謝！我會來試試看的
→ knuckles: 我也寫了一個 用youtube縮圖 加上play button
→ knuckles: https://jsfiddle.net/Knuckles/7upoqrf3/1/