看到有網站用這招,不過感覺是某個套件寫的,看了CSS想說自己也出來試看看。
內嵌YOUTUBE影片(iframe)後,在上面蓋一層圖片,圖片設透明度0.7左右 目前缺點 : 右下YOUTUBE會曝光 影片寬度沒有100% 視窗寬度拉窄之後,影片是垂直置中在100vh的容器裡@_@,怪怪的哩 還要再修改 See the Pen youtube vedio iframe+image by jing (@jing-jing) on CodePen.
0 評論
發表回覆。 |