如何使用 iframe 嵌入自訂網址

前置作業

準備好欲嵌入的檔案連結網址，可能是影片或 html 檔

 

操作說明

1. 點選編輯器的媒體選項

 

2. 點選添加網路資源

 

3. 準備好以下程式碼，在 src 的地方貼上影片或網頁網址

 

 

 

4. 選擇嵌入式媒體後，將上述程式碼貼入輸入框，點擊確認

 

 

 

5. 點擊插入所選項目

 

 

 

 

6.儲存後即可

 

 

iframe 屬性說明

可自由新增 iframe 屬性以調整顯示狀態，常見的屬性包含

 

width: iframe 範圍寬度

 

height: iframe 範圍高度

 

frameborder: 設定 iframe 的邊框是否要顯示

frameborder="0" : 不顯示邊框

frameborder="1" : 要顯示邊框

 

scrolling : 控制 iframe 的卷軸是否要顯示

scrolling="yes" : 顯示捲軸

scrolling="no" : 不顯示

scrolling="auto" : 自動調整

 

allowfullscreen: 可讓 iframe 提供的網站、影片全螢幕播放

allow="camera": 在顯示 iframe 內容時，允許取用使用者的視訊鏡頭

 

 

範例：

 

 

 

 

 

更多 iframe 屬性可參考：HTML iframe tag (w3schools.com)