> For the complete documentation index, see [llms.txt](https://docs.tlic.cmu.ac.th/cmucanvas-manual/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tlic.cmu.ac.th/cmucanvas-manual/content-management/external-content/embedvideo.md).

# Embed YouTube

## การเพิ่มคลิปใน Page

การเพิ่มคลิปที่อยู่บน YouTube ให้สามารถกดเล่นในหน้า Page ได้เลย ไม่ต้องแปะเป็น url หรือ link ให้ผู้เรียนกดเปิดหน้าต่างใหม่เพื่อดูคลิปอีกที มีขั้นตอนดังนี้

### 1.สร้าง Page ใหม่ หรือแก้ไขจาก Page ที่ต้องการเพิ่มวิดีโอ

<figure><img src="/files/vzLB8Tr48v05gFqXWBd0" alt=""><figcaption><p>กดที่ +Page เพื่อเปิด page ใหม่</p></figcaption></figure>

<figure><img src="/files/fmRRXdlp3PDtcoGLJ6FQ" alt=""><figcaption><p>คลิก Edit เพื่อแก้ไข กรณีที่ Page ถูกสร้างไว้แล้วและต้องการเพิ่มคลิปใน Page</p></figcaption></figure>

### 2.เลือกไอค่อนรูป Youtube

<figure><img src="/files/l0BnKDdAtK9B8OMvueI3" alt=""><figcaption></figcaption></figure>

### 3.กด Search หาด้วยชื่อคลิปหรือ url คลิปที่ต้องการ

<figure><img src="/files/EZzzwDZ6nnchxzUG41rh" alt=""><figcaption></figcaption></figure>

{% hint style="danger" %}
คลิปที่จะสามารถค้นหาในช่องทางนี้ได้จำเป็นต้องเป็นคลิปที่มีสถานะเป็น Publish เท่านั้น
{% endhint %}

### 4.เมื่อพบคลิปที่ต้องการ กดปุ่ม Embed สีฟ้า

<figure><img src="/files/Gkrgv1awT0tcJLF4opr7" alt=""><figcaption></figcaption></figure>

### 5.คลิปจะถูกนำเข้ามาในหน้า Page สามารถกดดูคลิปได้ทันที

<figure><img src="/files/NEAIuIjnK1RXNJ3ZU95T" alt=""><figcaption></figcaption></figure>

### 6.เมื่อปรับแต่งหน้า Page เรียบร้อยแล้ว กด Save หรือ Save & Publish บริเวณมุมขวาล่างได้ทันที&#x20;

<figure><img src="/files/86UguQezBDKGQOcXkw75" alt=""><figcaption></figcaption></figure>

### กรณีที่กดเสิร์จไม่พบวิดีโอ ให้ใช้วิธี Copy Embed Code มาวางใน HTML Editor

{% hint style="danger" %}
เนื่องจากการฝังคลิปเป็นการดึงเนื้อหาจาก 3rd Parties ซึ่งจะมีความเป็นไปได้ที่วิธีแรกจะพบปัญหาค้นหาวิดีโอจากชื่อหรือ url ไม่พบ วิธีที่จะกล่าวถึงต่อไปนี้จึงเป็นอีกวิธีที่จะทำให้ยังคงนำคลิปวิดีโอมาใช้ Embed เพื่อให้กดดูคลิปได้เลยโดยไม่ต้องเปิดหน้าต่างใหม่
{% endhint %}

{% hint style="warning" %}
การใช้วิธี Copy Embed Code ในการฝังคลิปแทนวิธีแรกนั้นมีความเป็นไปได้ที่ผู้เรียนจะมองไม่เห็นคลิปเมื่อใช้งานผ่านแอพลิเคชั่น Canvas for Student บนอุปกรณ์ iPad เนื่องจากเหตุผลด้านความปลอดภัยของตัวอุปกรณ์เอง

วิธีการแก้ไขเบื้องต้นคือการเข้าคอร์สและดูคลิปผ่าน Web Browser ภายในอุปกรณ์โดยตรง
{% endhint %}

#### 1.ไปที่คลิปที่ต้องการ กด ![](/files/4gtP7hb9gXCIPg0152Tf)หน้าต่างแชร์จะปรากฏขึ้น เลือก ![](/files/cgmwU7L3qrX5JySfu8oa)

<figure><img src="/files/2sGD7NIKjK0JUs2Cd7wf" alt=""><figcaption></figcaption></figure>

#### 2.จากนั้นคัดลอก code ด้านขวามือ**ทั้งหมด**

<figure><img src="/files/r7B7WeaO8WM5p5SaPkye" alt=""><figcaption></figcaption></figure>

#### 3.เข้าไปที่คอร์ส จากนั้นเข้าสู่หน้า Edit กิจกรรมที่ต้องการเพิ่มคลิป (เช่น Page , Assignment) จากนั้นกดปุ่ม ![](/files/1XWNHsWJ3Bu6CWD7gfSR)ซึ่งอยู่บริเวณมุมล่างขวาของ Rich Text Editor

<figure><img src="/files/QcPIV2x0w0SOHxiTcewd" alt=""><figcaption></figcaption></figure>

#### 4.วาง Code คัดลอกไว้ลงไป

<figure><img src="/files/wPzMm1G9vXJEMMLy5Whg" alt=""><figcaption></figcaption></figure>

#### 5.จากนั้นกด ![](/files/ppCPZX9IfSi1uEg9T2vu)กลับมาที่ Rich Text Editor เพื่อตรวจสอบการฝังคลิป ซึ่งจะแสดงผลเหมือนกับวิธี Embed วิธีแรก

#### 6.เมื่อปรับแต่งหน้า Page เรียบร้อยแล้ว กด Save หรือ Save & Publish บริเวณมุมขวาล่างได้ทันที&#x20;

<figure><img src="/files/86UguQezBDKGQOcXkw75" alt=""><figcaption></figcaption></figure>