跳到主要內容區

網站中崁入youtube影片

發佈日期 : 2022-07-15

如何在網頁中嵌入響應式的youtube影片?

 

您想在單位網站中,直接嵌入youtube影片,讓來賓可以直接觀看影片,不用再開啟其它視窗嗎? 請看以下教學。

您可以先看看資訊中心所做的範例,因為不凡,創造不凡。

 

 

接著開始跟著我們做做看囉~~~

 

步驟一:用chrome開啟您想要讓來賓看到的youtube影片。並全選複製該影片的網址。

 

複製youtube影片網址

 

步驟二:點選下面連結,開啟嵌入式語法產生器網站。

 

http://embedresponsively.com/

Embedresponsively

 

步驟三:進入該網站後,首先要貼上步驟一所複製的youtube影片網址,再按下 Embed按鈕,然後會在下方 Embed Code框框內產生對應的語法,再請您全選及複製該框框內的所有文字。

 

產生語法

複製語法

 

步驟四:在您管理的單位網站後台中,建立您要宣傳的網頁。例如:我要建立一個因為不凡,創造不凡的網頁。然後選擇 HTML 格式,在其下列框框中,首先,請您用打字方式輸入下圖框框中文字。

html語法斷行

 

步驟五:接著,在<P></P>二行中間的空白行滑鼠點一下,這時遊標會在二行中間閃爍,這時請您貼上剛剛步驟三所複製的內容。完成後按儲存返回。

貼上步驟三語法

完成嵌入

 

 

 

瀏覽數: