# Video Player: YouTube, Vimeo és saját videó

> Hogyan add meg a videót a három forrással, és mit csinálnak a Video Options kapcsolói forrásonként.

A **Video Player** widget három forrást támogat. Mindegyiknél a **Video** szakasz **Source** mezőjével kezdesz, a lejátszás beállításai pedig a **Video Options** szakaszban vannak. A widget általános bemutatását az [áttekintés](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-video-attekintes/) tartalmazza.

## YouTube videó beágyazása

### 1. lépés: a videó azonosítója

A YouTube-videó azonosítóját a böngésző címsorából olvashatod ki: a videó címében a `v=` után álló szöveg az azonosító. Például a `https://www.youtube.com/watch?v=abc123XYZ` címnél az azonosító `abc123XYZ`.

### 2. lépés: a widget beállítása

1. Húzd a **Video Player** widgetet az oldalra.
2. A **Video** szakaszban válaszd a **Source** mezőben a **Youtube** értéket.
3. Írd be az azonosítót a **YouTube Id** mezőbe.

![A YouTube forrás beállításai](./kepek/kepek-media-video-forras-youtube.webp)

*A YouTube forrás beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=64&action=elementor)

A képen a **Source** mező és a **YouTube Id** mező látszik.

### A YouTube beállításai (Video Options)

![A Video Options szakasz YouTube forrásnál](./kepek/kepek-media-video-opciok-youtube.webp)

*A Video Options szakasz YouTube forrásnál* (https://minta-bolt.hu/wp-admin/post.php?post=64&action=elementor)

A képen a YouTube forrás kapcsolói láthatók, alapértelmezett állapotukban.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **AutoPlay** | a videó magától elindul | kikapcsolva |
| **Mute** | a videó hangja le van némítva | kikapcsolva |
| **Loop** | a videó ismétlődik | kikapcsolva |
| **Controls** | megjeleníti vagy elrejti a lejátszó vezérlőit | bekapcsolva |
| **Video Info** | a videó adatainak megjelenítése; a YouTube ezt a paramétert már nem támogatja, ezért hatása nincs | bekapcsolva |
| **Video Touch Disable** | kikapcsolja az érintéses kezelést a videón | kikapcsolva |
| **Modest Branding** | a YouTube-arculat elemeinek csökkentése; a YouTube ezt a paramétert is kivezette | kikapcsolva |
| **Related Videos** | a videó végén ajánlott videók jelennek meg; a YouTube paraméterváltozása miatt ez ugyanannak a csatornának a videóit jelenti | kikapcsolva |
| **Privacy Mode** | növeli a látogatók adatvédelmét: a YouTube addig nem tárol adatot a látogatóról, amíg ő el nem indítja a videót | kikapcsolva |

## Vimeo videó beágyazása

A Vimeo reklám és kéretlen ajánlások nélkül tud jó minőségű videót lejátszani. Gyakran használják portfólióoldalakon, online kurzusoknál és termékbemutatókhoz.

1. Keresd meg a Vimeo-videó azonosítóját: a videó címében a `vimeo.com/` utáni szám.
2. Húzd a **Video Player** widgetet az oldalra.
3. A **Video** szakaszban válaszd a **Source** mezőben a **Vimeo** értéket.
4. Írd be az azonosítót a **Vimeo Id** mezőbe.

### A Vimeo beállításai (Video Options)

![A Video Options szakasz Vimeo forrásnál](./kepek/kepek-media-video-opciok-vimeo.webp)

*A Video Options szakasz Vimeo forrásnál* (https://minta-bolt.hu/wp-admin/post.php?post=65&action=elementor)

A képen a Vimeo forrás kapcsolói láthatók: a YouTube-hoz képest itt vannak a **Controls Color** és az **Intro** kapcsolók.

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **AutoPlay** | a videó az oldal betöltésekor elindul; akkor használd, ha a videó az oldal fő eleme | kikapcsolva |
| **Mute** | lenémítja a hangot; automatikus lejátszásnál erre szükség van, mert a legtöbb böngésző a hangos automatikus lejátszást letiltja | kikapcsolva |
| **Loop** | a videó folyamatosan ismétlődik; háttérvideóhoz hasznos | kikapcsolva |
| **Video Touch Disable** | kikapcsolja az érintéses kezelést; így a véletlen koppintás nem állítja meg a videót érintőképernyőn | kikapcsolva |
| **Controls Color** | a lejátszó vezérlőinek színe; igazítsd az oldal színeihez | nincs megadva |
| **Intro Title** | a Vimeo által a lejátszás elején mutatott cím megjelenítése vagy elrejtése | bekapcsolva |
| **Intro Portrait** | a videó készítőjének profilképe; rejtsd el, ha a készítő neve nem szerepelhet | bekapcsolva |
| **Intro Byline** | a készítő felhasználóneve; rejtsd el, ha a Vimeo elemei nélkül akarod mutatni a videót | bekapcsolva |

Ha vizuális effektet szeretnél a videóra (például szürkeárnyalatot vagy elmosást), nézd meg a [Videó felugró ablak, maszk és szűrők](https://hub.hellowp.io/hu/plugins/theplus_elementor_addon/kepek-media-video-effektek/) fejezet **CSS Filters** részét. Ha a videót felugró ablakban akarod megnyitni, ott találod a leírását.

## Saját videó (Self Hosted)

A saját tárhelyen lévő videóval te irányítod a tartalmat. Csak mp4 formátum használható.

1. Húzd a **Video Player** widgetet az oldalra.
2. A **Video** szakaszban válaszd a **Source** mezőben a **Self Hosted** értéket.
3. A **Mp4 Video Link** mezőben válaszd ki a videót a médiatárból.

![A Self Hosted forrás beállításai](./kepek/kepek-media-video-forras-sajat.webp)

*A Self Hosted forrás beállításai* (https://minta-bolt.hu/wp-admin/post.php?post=66&action=elementor)

A képen a **Source** mező **Self Hosted** értékkel és a **Mp4 Video Link** mező látszik.

### A saját videó beállításai (Video Options)

| Beállítás | Mit csinál | Alapérték |
|---|---|---|
| **AutoPlay** | a videó magától elindul | kikapcsolva |
| **Mute** | a videó hangja le van némítva | kikapcsolva |
| **Loop** | a videó ismétlődik | kikapcsolva |
| **Controls** | megjeleníti vagy elrejti a lejátszó vezérlőit | bekapcsolva |
| **Video Touch Disable** | kikapcsolja az érintéses kezelést a videón | kikapcsolva |

A **Keyboard Pause Control** beállítás is megjelenik, ha az **AutoPlay** be van kapcsolva a saját videónál.