Q:How to add a YouTube video using HTML in the page resource content editor?

Q:How to add a YouTube video using HTML in the page resource content editor?

  There are three ways to add:

  1. Embed
  2. Text link
  3. URL link

  Here are the steps for each.

Q:如何在頁面資源內容編輯器中,以HTML新增YouTube影片_封面
Preparation time
5 minutes
Difficulty
Easy
Directions

1. Embed

  • First, add a page resource.
新增頁面資源

 

  • Select the desired video and right-click on it to "Copy embed code."
複製嵌入程式碼

 

  • Enter the page name, and paste the copied embed code in HTML format into the content editor.
嵌入程式碼貼到內容編輯器中

 

  • This way, you can add a YouTube video by embedding it.
嵌入影片至頁面資源

 

2. Text link

Administrator Settings

To add YouTube videos via text or URL links, administrators need to disable the "Multimedia plugins" feature.

Path: Site administration > Plugins > Filters > Manage filters> Multimedia plugins, then select "Disabled" from the dropdown menu.

管理員關閉多媒體外掛套件

 

Teacher Settings

Teachers can simply copy the video URL, highlight the text where they want to insert the link, and click "Create link."

教師在文字建立鏈結
輸入影片網址

 

Comparison of Multimedia Plugins Enabled and Disabled on Student Interface:

"Disabled" Multimedia Plugins:

  • In this scenario, when students click on the linked text "here," it will open a new page and redirect them to YouTube.
關閉多媒體外掛套件畫面

 

"Enabled" Multimedia Plugins:

  • With multimedia plugins enabled, the linked content will be directly embedded as a video, allowing students to view it within the Moodle platform.
開啟多媒體外掛套件畫面

 

3. URL link

Teacher Settings

  • Highlight the URL and click "Link", and you can navigate to YouTube to watch it through the URL.
在網址建立鏈結
輸入影片網址

 

Student Interface:

  • When students click on the linked URL, it will open a new page and redirect them to YouTube.
學生點選鏈結網址導到YouTube