Ügyfélszolgálat: +36 70 623 8822

Youtube videó beágyazása WordPress oldalba

Szerző: Szűcs Ádám Kategória: Cikk, Ingyenes videók, cikkek, Videó

Ahhoz, hogy a weboldalunkon megjelenítsünk egy YouTube videót, az alábbi fájlban található kódot kell beilleszteni az adott bejegyzés/oldal szerkesztőfelületén, HTML nézetbe (azon belül oda, ahol a videót látni szeretnéd):

Letöltés

Beillesztés után a példában szereplő YouTube videó URL-jét cseréld le a megjeleníteni kívánt videó elérhetőségére. A width (szélesség) és height (magasság) paraméterek változtathatóak, így az oldal szélességéhez tudod igazítani a videók méretét.

Mi a teendő, ha már korábban tettél be YouTube videót a weboldaladba, a régi beágyazós módszerrel?
Az alábbi videón (80 mp) megmutatom. Látható, a videón átállítottam a feljebb letölthető kódban található szélességet 660 pixelre, mert a példa weboldalon így néz ki jól a beágyazás.



Hasznos volt? Tetszett? Iratkozz fel a BEJEGYZÉSÉRTESÍTŐ-re:
AJÁNDÉK! Azonnal letölthető, 137 weboldal készítés hiba című, 55 oldalas tanulmány!

Címkék: , , , ,

Hozzászólások (8)

  • Tamás

    |

    A Youtube-on a “Megosztás” menüpont alatt van egy “beágyazás” fül, ahol gyakorlatilag ugyanezt megcsinálja helyettünk a videómegosztó és egy már csak egy copy/paste parancs a felajánlott kódon és készen is vagyunk.

  • [wordpress-video]

    |

    Szia Tamás!

    Az általad említett megoldás ad egy olyan kódot, ami könnyen összeakad egyes bővítménnyekkel, más forráskód-részlettel (néha a WordPress motor moderálja is), aminek a vége valamilyen gond lesz, és idővel nem fog látszani a beágyazás. Be lehet így is ágyazni (egyéb módokon is), de hosszú távon több gond lesz ezekkel a megoldásokkal. Sajnos sok ilyen tapasztalatom van, amikor valakit a nem megfelelő használat miatt ér hátrány.

    A hivatalos ajánlás az, amit a cikkben is leírtam. Itt megnézheted a WordPress angol oldalán:
    http://codex.wordpress.org/Embeds#In_A_Nutshell

  • Csilla3

    |

    Kedves Ádám!
    Próbálkozom most már egy ideje hogy you tube videót beágyazzak de simán sem megy nem hogy ezzel a kóddal .A Te videódat behozta de amikor bemásoltam az enyémet a helyére akkor beágyazási hibát ír.
    Elég csak az url-t bemásolni vagy még kell más is pl.
    Kell elötte valami bővítmény hozzá?
    Várom válaszod
    Csilla3

  • [wordpress-video]

    |

    Kedves Csilla!

    Két kérdés amely remélhetőleg közelebb visz a megoldáshoz:

    1) HTML nézetbe teszed?
    2) A YouTube videó publikus, nincs tiltva a beágyazás?
    3) Csak és kizárólag a YouTube videó url-t cseréled a kódban?

    ui.: Nem kell semmi más hozzá, elég a cikkben lévő kód!

    Ádám

  • Bence

    |

    Kedves Ádám!

    Először is nagyon köszönöm, nagyon hasznos volt a kód. 🙂

    Van egy kis problémám a youtube videóval az oldalon amit egy barátomnak szerkesztek, mégpedig, hogy elindítás után, ha teljes képernyőre kitenném a videót akkor nem a videó hanem az oldal jelenik meg teljes képernyőben és azon belül a videó.

    Remélem te mint nagytudású WordPress professzor, meg tudod nekem mondani, hogyan tudom orvosolni a problémát.
    Az oldal: http://www.xxxxxx.com

    Válaszod előre is köszönöm!

    Bence

  • Bence

    |

    Köszönöm a gyors választ!

    Sajnos nem bővítmény okozza a problémát, de továbbra sem tudom, hogy mi és hogy tudom orvosolni.
    Arra jöttem viszont rá, hogy Firefoxban és Internet Explolerben nem jelentkezik a probléma csak Chromban. 🙁

    Bence

  • [wordpress-video]

    |

    Sajnos így, kívülről nem tudom megmondani a hiba okát. Csak egy alapos tesztelés után tudnám megmondani mi okozza.

Szólj hozzá!

Honlapunk cookie-kat használ. Részletek

Egy EU-s törvény alapján kötelező tájékoztatni a látogatókat, hogy a weboldal ún. cookie-kat használ. Ha ezzel nem értesz egyet, akkor a böngésződ megfelelő beállításait használva tiltsd le a cookie-k tárolását. | Részletes adatvédelmi tájékoztató |

Bezárás