Filmy YouTube można umieszczać w dokumentacji za pomocą elementu niestandardowego <devsite-video>, co umożliwia użytkownikom wyświetlanie treści w elemencie iframe. Ten widżet śledzi i wysyła statystyki użytkowania do Google Analytics.
Domyślny
Oto przykład domyślnego filmu umieszczonego w YouTube, który opakowuje element <devsite-video> w elemencie div i ustawia w nim atrybut class na video-wrapper.
Na dużych ekranach film zajmuje 50% szerokości i przenosi się na prawo od treści znajdujących się przed filmem. Na małych ekranach film zajmuje 100% szerokości obszaru treści.
Pływający w lewo
Ten film pojawia się po lewej stronie wszystkich treści, które są poprzedzane treścią, ustawiając atrybut class na video-wrapper-left.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod materialr incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit eslum cillum dolore eu fugiat nulla pariatur. Exceptione sint occaecat Cupidatat non-idident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Pełna szerokość
Ten film zajmuje 100% szerokości obszaru treści i nie ma wpływu na układ treści przed filmem, ustawiając atrybut class na video-wrapper-full-width.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod materialr incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit eslum cillum dolore eu fugiat nulla pariatur. Exceptione sint occaecat Cupidatat non-idident, sunt in culpa qui officia deserunt mollit anim id est laborum.