Ju mund të futni videot e YouTube drejtpërdrejt në faqet e DevSite duke përdorur elementin e personalizuar <devsite-video> . Të gjitha videot janë reaguese dhe mbajnë një raport 16:9 ndërsa gjerësia e pamjes ndryshon.
Për të futur një video në YouTube, shtoni një element të personalizuar <devsite-video> në faqen tuaj dhe vendosni atributin video-id në vlerën e parametrit URL v për videon.
Për shembull, për të futur videon e YouTube "Skripti juaj i parë - Udhëzimet e skriptit të aplikacioneve" që mund ta gjeni në https://www.youtube.com/watch?v=Pgfbl_o9WvM , shtoni elementin e mëposhtëm të personalizuar <devsite-video> në tuaj Faqja e DevSite:
<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
Më pas mbështillni elementin e personalizuar <devsite-video> në një element <div> , atributi class së të cilit është vendosur në një nga vlerat më poshtë:
<div class="video-wrapper-left">
<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>
E paracaktuar
Shembulli i mëposhtëm tregon se si shfaqet një video e integruar në YouTube kur <devsite-video> mbështillet në një element <div> , atributi class së të cilit është caktuar në video-wrapper .
Në ekranet e mëdha, video është 50% e gjerësisë së zonës së përmbajtjes dhe noton në të djathtë të çdo përmbajtjeje që i paraprin videos. Në ekranet e vogla, video është 100% e gjerësisë së zonës së përmbajtjes.
Kodi
<div class="video-wrapper">
<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>
<p>Lorem ipsum dolor...</p>
Demo
Lundroi majtas
Shembulli i mëposhtëm tregon se si shfaqet një video e integruar në YouTube kur <devsite-video> mbështillet në një element <div> atributi i klasës së të cilit është vendosur në video-wrapper-left .
Në ekranet e mëdha, video është 50% e gjerësisë së zonës së përmbajtjes dhe lundron në të majtë të çdo përmbajtjeje që i paraprin videos. Në ekranet e vogla, video është 100% e gjerësisë së zonës së përmbajtjes.
Kodi
<div class="video-wrapper-left">
<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>
<p>Lorem ipsum dolor...</p>
Demo
Me gjerësi të plotë
Shembulli i mëposhtëm tregon se si shfaqet një video e integruar në YouTube kur <devsite-video> mbështillet në një element <div> atributi class së të cilit është caktuar në video-wrapper-full-width .
Videoja është 100% e gjerësisë së zonës së përmbajtjes dhe nuk ndikon në paraqitjen e asnjë përmbajtjeje që i paraprin videos.
Kodi
<div class="video-wrapper-full-width">
<devsite-video video-id="Pgfbl_o9WvM"></devsite-video>
</div>
<p>Lorem ipsum dolor...</p>
Demo
Shënime
Të gjithë shembujt e kodit përdorin miniaplikacionin Embed YouTube të DevSite, i cili gjurmon automatikisht të dhënat e Google Analytics. Me përjashtim të rasteve të veçanta kur nuk dëshironi të grumbulloni statistika përdorimi për një video të integruar, përdorni këtë miniaplikacion. Pa të, statistikat e përdorimit për videon tuaj nuk do të dërgohen në Analytics.