利用JQuery讓Embed的YT影片RWD
剛開始接觸WordPress時,在文章內Embed Youtube 影片最常遇到就是:因為<iframe>語法內指定了寬高, 所以當指定了適合desktop瀏覽的寬度時,mobile上會超出手機寬;指定適合mobile的寬度時,desktop看又會太小的問題。 解法搜尋一下就可以看到滿多教學,大致上就是在<iframe>外面多包一層<div>,透過CSS先設定<div>高度為0,再用padding-bottom這個屬性設成div寬度的56.25%(就是16:9)來實現RWD的效果,如下程式碼 .video-container { position: relative; padding-bottom: [...]