---
title: HTML YouTube
description: "> HTML дээр видео тоглуулах хамгийн хялбар арга бол YouTube ашиглах явдал юм. --- ## Видео форматууд асуудалтай байна уу? Видеонуудыг өөр формат руу хөрвүүлэх нь хэцүү бөгөөд цаг их шаарддаг. Хялбараар шийдэхийн тулд YouTube-ийг вэб хуудсан дээрээ видео тоглуулах…"
url: "https://apprentice.mn/docs/html-youtube/"
updated: "2021-07-23"
category: HTML
---

# HTML YouTube

> HTML дээр видео тоглуулах хамгийн хялбар арга бол YouTube ашиглах явдал юм.

---

## Видео форматууд асуудалтай байна уу?

Видеонуудыг өөр формат руу хөрвүүлэх нь хэцүү бөгөөд цаг их шаарддаг.

Хялбараар шийдэхийн тулд YouTube-ийг вэб хуудсан дээрээ видео тоглуулах боломжийг олгох явдал юм.

---

## YouTube-ийн видео дугаар

YouTube видеог хадгалах (эсвэл тоглуулах) үед id (tgbNymZ7vqY гэх мэт) -ийг харуулдаг.

Та энэ id-г  HTML кодондоо хавсаргаж видио тоглуулах боломжтой.

---

## HTML дээр YouTube-ийн видеог тоглуулах

Вэб хуудсан дээр видеогоо тоглуулахын тулд дараахь зүйлийг хийгээрэй.

- Видео бичлэгийг YouTube дээр байршуулах
- Видеоны id-г тэмдэглэж авах
-  `<iframe>` элементийг веб хуудсанд дээрээ хийх
-  `src` шинж чанарыг Youtube URL-рүү заах
- `width` болон`height` шинж чанараар хэмжээсийг тааруулах
- URL-д бусад параметрүүдийг нэмэх (доороос үзнэ үү)

### Жишээ

     `<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY">
</iframe>`

## YouTube-автомат тоглуулах

YouTube-ийн URL дээр `autoplay=1` нэмж оруулснаар хэрэглэгч хуудсанд зочлох үед видео автоматаар  эхлэнэ. Гэсэн хэдий ч видеог автоматаар эхлүүлэх нь таны зочдод ядаргаатай юм!

     `<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe>`

## YouTube-ийн тоглуулах жагсаалт

Тоглуулах видеонууд таслалаар тусгаарлагдсан жагсаалт (анхны URL дээрээс гадна).

---

## YouTube-ийн давталт

`loop=1` гэж нэмсэнээр видио давтагдаж тоголсоор байх болно.

Утга=**0** (үндсэн утга): Видео зөвхөн нэг удаа тоглогдох болно.

Утга=**1**: Видео давталт хийх болно (үүрд).

### Жишээ

      `<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?playlist=tgbNymZ7vqY&loop=1">
</iframe>`

## YouTube-ийн удирлага

`controls=0` нэмсэнээр видео тоглуулагч дахь удиралагыг харуулахгүй байх.

Утга **0**: Тоглуулагчийн удирлага харагдахгүй байна.

Утга **1** (үндсэн): Тоглуулагчын удирлага харагдана.

### Жишээ

     `<iframe width="420" height="315"
src="https://www.youtube.com/embed/tgbNymZ7vqY?controls=0">
</iframe>`               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-youtube%2F&linkname=HTML%20YouTube)[https://www.addtoany.com/share](https://www.addtoany.com/share)