Day18 | iframe嵌入網頁
HTMLiframe是內嵌框架,用來在網頁內內置另一個網頁,像是常見的在部落格內嵌facebook專頁,可以直接在內嵌頁面上按讚或分享,是很常見的應用範例。不過,大部分的網頁為了安全性都會拒絕連線,如果想要嵌入fb貼文或是youtube影片的話,fb的貼文點選下方紅框框內的”嵌入”,並複製跳出的程式碼,youtube的影片按滑鼠右鍵再點選下方紅框框內的”複製嵌入程式碼”,就可以複製完整的iframe標籤和樣式設定,用在自己的網頁上,而且不用擔心侵權的問題囉~惟如您是單純以連結網址或以「嵌入」之方式分享Youtube網站的影片,在技術面係藉由網...
HTML iframe 是內嵌框架,用來在網頁內內置另一個網頁,像是常見的在部落格內嵌 facebook 專頁,可以直接在內嵌頁面上按讚或分享,是很常見的應用範例。
不過,大部分的網頁為了安全性都會拒絕連線,如果想要嵌入 fb 貼文或是 youtube 影片的話,
fb 的貼文點選下方紅框框內的”嵌入”,並複製跳出的程式碼,
youtube 的影片按滑鼠右鍵再點選下方紅框框內的”複製嵌入程式碼”,
就可以複製完整的 iframe 標籤和樣式設定,用在自己的網頁上,而且不用擔心侵權的問題囉~
惟如您是單純以連結網址或以「嵌入」之方式分享Youtube網站的影片,在技術面係藉由網站間連結之方式,由使用者點選連結後直接開啟Youtube網站瀏覽、收聽,而未將該Youtube影片重製在自己的網頁時,並不會涉及著作的「重製」及「公開傳輸」行為,無須取得著作權人之同意或授權。
文字擷取自 智財局網頁 http://tv107.com/question.htm[1]
接著就來簡單介紹一下 <Iframe> 標籤~
<iframe src="URL"></iframe>
src 屬性指定嵌入網頁的URL
高度和寬度插入 height 和 width 屬性(單位為像素(px))
<iframe src="URL" height="200" width="300"></iframe>也可以用 CSS 來設定
<iframe src="URL" style="height:200px;width:300px;"></iframe> 邊框frameborder 屬性用來設定 iframe 的邊框是否要顯示
frameborder="0" ── 不顯示邊框 frameborder="1" ── 顯示邊框也可以用 CSS 的 border 屬性,例如:style="border:no...