Video-hosting (Stream) — URL-import + adaptív HLS-player

CF Stream-alapú videó-hosting: tölts fel videót URL-ből, kapsz embed-elhető player-t és HLS-stream-URL-t. Webshop-termékvideó, online kurzus, élő-stream.

A Video-hosting plugin a Cloudflare Stream-re épül: tölts fel videót URL-ből, mi automatikusan transzkódoljuk adaptív HLS-stream-re, és kapsz egy embed-elhető player-t. Vimeo / Wistia magyar alternatíva, NAV-számlával.

1. Aktiválás

/app/plugins → Video-hosting (Stream) → ”+ Aktiválom”. Tier: start 1990 Ft / 50 videó · pro 4990 Ft / 500 videó.

2. Videó importálása URL-ből

A /app/video-stream oldalon ”➕ Új videó importálása URL-ből”:

Cím — UI-megjelenítéshez
Forrás-URL — publikus mp4 / mov / webm URL (https-only)

CF Stream a megadott URL-ről letölti és transzkódolja (1-15 perc, méret szerint). Az állapot a UI-on real-time látszik:

⏳ queued / processing / transcoding
✓ ready (kész, embed-elhető)

3. Embed-snippet

Ha kész a videó, megnyitod a /app/video-stream/<id> oldalon, és copy-pastel-d az embed-snippet-et a saját honlapodba:

<iframe
  src="https://customer-<XXXXX>.cloudflarestream.com/<video_uid>/iframe"
  width="720" height="405"
  frameborder="0"
  allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture"
  allowfullscreen>
</iframe>

4. HLS-stream URL (egyedi player-hez)

Ha saját video-player-t használsz (videojs, hls.js, dash.js), az HLS-manifest URL:

https://customer-<XXXXX>.cloudflarestream.com/<video_uid>/manifest/video.m3u8

videojs példa:

<video id="my-video" class="video-js" controls></video>
<script>
const player = videojs('my-video');
player.src({ src: 'https://customer-XXX.cloudflarestream.com/<uid>/manifest/video.m3u8', type: 'application/x-mpegURL' });
</script>

5. Adaptív bitrate

A CF Stream automatikusan több felbontásra transzkódol (240p / 360p / 480p / 720p / 1080p), és a player a hálózat-sebesség alapján választja a megfelelőt. Ez a “HLS adaptive” — mobilon 3G-n alacsony, otthon WiFi-n FullHD.

6. Mire NE használd?

DRM-védett tartalom (Netflix-szerű) — Stream nem támogat Widevine-t alapból
Élő-stream — a copy/import csak VOD-ra való, élő-streamhez külön /stream/live_inputs endpoint kell (közelgő iteráció)
>1 GB videó — long-form-content a CF-nál kifejezetten drága

7. Use-case-ek

Webshop: termék-video a termék-oldalon, mobil-barát adaptív player
Online kurzus: leckenkénti embed, drag-drop pozicionálás
Korporáció: belső-oktatóanyag, csak embed-en keresztül elérhető
Marketing-kampány: hero-banner-video a landing page-en, autoplay+muted

8. Limitek

Forrás-URL https-only
Egy videó típus: mp4, mov, webm (avi/mkv konvertálva fel)
CF Stream transzkódolási idő kb. 1× a videóhossz (10 mp video ~10 mp)

9. CF_STREAM_SUBDOMAIN

A subdomain (customer-XXXXX) account-szintű és csak akkor látszik, ha legalább 1 videót feltöltöttél. Az első videó után a UI helyettesíti automatikusan az embed-URL-template-eket a tényleges subdomain-nel.

← Felhő tárhely Frissítve: 2026. 05. 07.