YouTube वीडियो को <devsite-video> कस्टम एलिमेंट का इस्तेमाल करके, दस्तावेज़ में जोड़ा जा सकता है. इससे उपयोगकर्ता iframe में कॉन्टेंट देख सकते हैं. यह विजेट,
Google Analytics को इस्तेमाल के आंकड़े ट्रैक करता है और भेजता है.
डिफ़ॉल्ट
यह एक डिफ़ॉल्ट एम्बेड किए गए YouTube वीडियो का उदाहरण है जो
<devsite-video> को div एलिमेंट में रैप करता है और इसके class एट्रिब्यूट को
video-wrapper पर सेट करता है.
बड़ी स्क्रीन पर, वीडियो कॉन्टेंट की चौड़ाई का 50% हिस्सा होता है. यह वीडियो से पहले दिखने वाले कॉन्टेंट के दाईं ओर दिखता है. छोटी स्क्रीन पर, वीडियो कॉन्टेंट की चौड़ाई का 100% हिस्सा होता है.
बाईं ओर फ़्लोट किया गया
यह वीडियो, class एट्रिब्यूट को video-wrapper-left पर सेट करके, ऐसे किसी भी कॉन्टेंट के बाईं ओर दिखता है जिसे वीडियो से पहले दिखाया गया है.
Lorem ipsum dolor sit amet, consectetur adipiscing lit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. luuptate velit esse cillum dolore eu fugiat NULLa pariatur में, reprehendit में Duis aute irure dolor. अपवाद के तौर पर इस्तेमाल करने वाले sint ocaecat Cupidatat non-idident, Sunt in culpa qui pericia deserient mollit Anim id est laborum.
पूर्ण-चौड़ाई
यह वीडियो, कॉन्टेंट एरिया की चौड़ाई का 100% है. साथ ही, class एट्रिब्यूट को video-wrapper-full-width पर सेट करके, वीडियो के पहले वाले किसी भी कॉन्टेंट के लेआउट पर इसका कोई असर नहीं पड़ता.
Lorem ipsum dolor sit amet, consectetur adipiscing lit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. luuptate velit esse cillum dolore eu fugiat NULLa pariatur में, reprehendit में Duis aute irure dolor. अपवाद के तौर पर इस्तेमाल करने वाले sint ocaecat Cupidatat non-idident, Sunt in culpa qui pericia deserient mollit Anim id est laborum.