Többször is felmerült, hogyan is lehet HTML-be beágyazni egy TeCső videót. Végül is sikerült többé-kevésbé jó megoldást is találnom, de sajnos nem működik minden körülmények között. Összeszedtem, hogy mire jutottam.
Első lehetőség:
<object>
<embed src="https://www.youtube.com/v/YrodpdtgA64"
type="application/x-shockwave-flash" wmode="transparent"
width="425" height="350">
</embed>
</object>
Az URL nem az, amit a TeCső kiad a kereséskor. Ott ez így néz ki: https://www.youtube.com/watch?v=YrodpdtgA64 . Ebből ki kell szedni a "watch?" szöveget és a '='-et '/'-re cserélni. Nem egészen értem, hogy miért kiell így tenni, de így műxik!
Ez sajnos csak akkor működik, ha nem copyright-os videót szeretnénk megnézni. Ha véletlenül mégis ilyet szerenék bemutatni (márpedig a klippek többsége ilyen), akkor valami okból elindítás után le lesz tiltva a megjelenítés. Érdekes, hogy a blog.hu-ról néha működik. De saját oldalról már sokkal ritkábban. Ott ezt írta ki: "This video contains content from VEVO. It is restricted from playback on certain sites.". A VEVO szöveg változhat, attól függően (gondolom), hogy kié a (c).
A másik megoldás az iframe, de akkor kicsit kézzel kell scrollozni, hogy jó is legyen az oldal. Mivel más domain-ból töltődik le a tartalom, nem engedi javascript-ből scroll-ozni. Legalábbis nekem mindig permission denied-re hivatkozott. Azt próbáltam, hogy az onload eseményre egy javascript kóddal meghívom a this objektumra a scrollTo függvényt. De ez nem engedélyezett.
<iframe src=https://www.youtube.com/watch?v=YrodpdtgA64 width=600 height=400>
Frame not supported
</iframe>
Sajnos ezt minden kérdés nélkül el is indítja a videót. Így ha több ilyen beágyazás is van az oldalon, akkor az hamar kakofóniába torkollik. Talán az URL-ben megadható, hogy nem játsza le egyből, de erről még nem találtam infót...
(Idő közben a blog.hu szerkesztőjébe bekerült a videó beágyzaó funkció, így ez a cikk némileg értelmét vesztette. Persze más honlapokon lehet még haszna...)
Ágyazzunk be minden nap!
+jegyzések