網站如何嵌入youtube影片程式碼iframe

第一步：在Youtube上開啟您的影片。
第二步：在開啟的影片下面，你會看到下面的分享按鈕，點選「分享」。

第三步：點擊分享後顯示一個彈出窗口，如下圖，點擊「嵌入」按鈕。

第四步：在新彈出的視窗中複製程式碼，如下圖：

第五步：將複製好的程式碼放到你網頁程式碼中，如果是wordpress,請將程式碼在wordpress編輯器的「文字」狀態下貼上。

注意：

<iframe width="560" height="315" src="https://www.youtube.com/embed/2cbvZf1jIJM" frameborder= "0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

代碼中width=”560″ height=”315″是控制影片顯示的寬度與高度，如果要寬度點滿上級元素,可以設定成100%

下面是範例：

<iframe width="100%" height="450" src="https://www.youtube.com/embed/2cbvZf1jIJM" frameborder ="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>