YouTube video näitamine otse kodulehe sisus

Kodulehe sisus video näitamine on hea kasutajasõbralik lahendus, sest siis ei pea külastajad vaatamiseks mitte linki klõpsama, vaid saavad soovitud videot näha otse lehe sisus, ülejäänud kodulehe navigatsioonilingid ja tunnusgraafika on ümberringi sinu kodulehe omad. 

Video viite saad kopeerida "Share" lingi kaudu, seal ilmub nähtavale unikaalne url-aadress.

Avanevas "Share" hüpikdialoogis kopeeri urli viimane osa, unikaalne video id-tunnus.

Selle, konkreetsele videole viitava id-tunnuse pead sisestama järgnevasse paarirealisse allikkoodi.

Kleebi koodijupp enda kodulehele

Järgmiseks kompileeri kokku enda unikaalsest video id-identifikaatorist ja järgnevast nutiseadmetele kohanduva laiusega raamistikust kokku neljarealine kood

<p>&nbsp;</p>
<p style="position: relative; padding: 30px 0px 57% 0px; height: 0; overflow: hidden;"><iframe src="https://www.youtube.com/embed/DuSURHrZG6I" width="100%" height="100%" frameborder="0" style="display: block; margin: 0px auto; position: absolute; top: 0; left: 0;"></iframe></p>
<p>&nbsp;</p>

ja kleebi see enda tekstireaktoris allikkoodi (ingl. Source code) dialoogi. Allikkoodi dialoogi avamise nupp asub tekstiredaktoris esimese rea lõpus. Nupul on kandiliste sulgude kujutis.

Otse lehel kuvatav video

Lehe sisus paistab video järgnevalt, tänu iframe laiuseseadetele on video kohanduva laiusega ka kitsamatel nutiekraanidel, mahutub alati ekraani mõõtmetaga.

Millist videoaadressi kasutada?

Erinevaks otstarbeks on kasutusel lühem youtu.be aadress, videoportaali sisene watch?v=.. ja välisteks liidestusteks mõeldud /embed/ sisaldav url kuju. Olenevalt eesmärgist saad kasutada ühte kolmest

• https://www.youtube.com/embed/DuSURHrZG6I
• https://www.youtube.com/watch?v=DuSURHrZG6I
• https://youtu.be/DuSURHrZG6I

Pane tähele, et linkide lõpus on video unikaalne id-designaator DuSURHrZG6I kõigil sama, see tunnus on kasutusel aadressi sidumiseks konkreetse videoga.

Enda veebilehel iframe kaudu näitamiseks on kõige sobilikum neist esimene, /embed/ katalooginime sisaldav variant. Muude aadresskujude kasutamine ei pruugi raamistiku kaudu turvakaalutlustel töötada. Embed aadressikuju on kasutatud ka ülaltoodud viierealise koodi kompileerimise näites.

Kas videot saab käivitada poole pealt?

Jah, kui videos on mingi konkreetne lõik, millele on vaja vaatajate tähelepanu suunata, siis võib lisada "Embed" lingi lõppu parameetri "?start=430" ja video vaatamine algab siis automaatselt ajast 4:30

<p>&nbsp;</p>
<p style="position: relative; padding: 30px 0px 57% 0px; height: 0; overflow: hidden;"><iframe src="https://www.youtube.com/embed/DuSURHrZG6I?start=430" width="100%" height="100%" frameborder="0" style="display: block; margin: 0px auto; position: absolute; top: 0; left: 0;"></iframe></p>
<p>&nbsp;</p>

Selline video esitus on vaatajatele mugavam, sest pole vaja kerida ja vajalikku lõiku enam otsida. 

Soovid kodulehte, milles oleks mugav videosid näidata?

Kui su praegune koduleht on vanemas formaadis, mis ei võimalda paindlikult sisusse videosid lisada, siis on praktiline tellida uuemal ja võimalusterohkemal sisuhaldusplatvormil koduleht.

Täida tellimisvorm ja saada meile paar rida kirjelduseks, millist kodulehte vajad - nii saame paremini arutelu käima ja vajadusel lisadetaile täpsustada.

Saada päring siin