標籤彙整: youtube iframe

純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

<iframe width="640" height="360" src="[YouTube Video URL]" frameborder="0" allowfullscreen></iframe>

再把 [YouTube Video URL] 拆解一下
[https://www.youtube.com/embed/影片ID]
取得影片ID之後就可以多方利用了
在URL後面先加 [?rel=0] 之後再接想要的功能就可以了
閱讀全文 Youtube影片iframe嵌入網頁設定自動播放(autoplay),重複播放(loop),靜音(mute),播放清單(Playlist)