網頁中嵌入 youtube 影片的方法

點擊數: 9580

1. 開啟瀏覽器應用程式

2. 瀏覽 youtube 網站

3. 開啟播放想要嵌入網頁的影片

4. 按影片右下方的方享,如下圖所示。

insert youtube video 1

 

 

 

5. 從出現的分享畫面,按一下嵌入,如下圖所示。

insert youtube video 2

6. 從出現的畫面,按複製,以複製嵌入程式碼。

insert youtube video 3

 

7. 切換至 Adobe Dreamweaver cc 2015 應用程式,在設計編輯模式中,將插入點放置於想要插入影片的位置。

8. Adobe Dreamweaver cc 2015 應用程式切換為程式碼編輯模式,然後按貼上,以將剛剛複製的 youtube 影片嵌入程式碼,貼入網頁中。貼上的程式碼,會如下所示。

<iframe width="560" height="315" src="https://www.youtube.com/embed/8UVNT4wvIGY" frameborder="0" gesture="media" allow="encrypted-media" allowfullscreen="allowfullscreen"></iframe>

 9. Adobe Dreamweaver cc 2015 應用程式切換為設計編輯模式,會再插入影片的位置,出現如下的灰色區塊,此灰色區塊即是影片區。

insert youtube video 4