純css控制div, iframe物件(youtube, google map…)長寬比, RWD 等比例縮放 | pure CSS make div, iframe element keep aspect ratio with RWD

iframe物件通常會在html裡直接設定尺寸,但製作RWD網頁時都是在css裡根據不同media制定Media Queries 媒體查詢,因此大家常常會用jQuery的方式直接計算寬高比,只是這個方法會讓網頁載入的時間延遲一點點,這一篇就介紹如何只用CSS來控制iframe物件的寬高比。

title

繼續閱讀 “純css控制div, iframe物件(youtube, google map…)長寬比, RWD 等比例縮放 | pure CSS make div, iframe element keep aspect ratio with RWD"

Youtube影片iframe嵌入網頁設定自動播放(autoplay),重複播放(loop),靜音(mute),播放清單(Playlist)

Before

再把 [YouTube Video URL] 拆解一下

[https://www.youtube.com/embed/影片ID]

取得影片ID之後就可以多方利用了

在URL後面先加 [?rel=0] 之後再接想要的功能就可以了

繼續閱讀 “Youtube影片iframe嵌入網頁設定自動播放(autoplay),重複播放(loop),靜音(mute),播放清單(Playlist)"