ฝังวิดีโอ YouTube

คุณฝังวิดีโอ 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 elit, sed do eiusmod tempor incididunt ut labore et dolore Maga aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ยกเว้น eint. sint occaecat Cupidatat not Proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

ความกว้างเต็มขนาด

วิดีโอนี้มีความกว้าง 100% ของขอบเขตของพื้นที่เนื้อหา และไม่มีผลต่อเลย์เอาต์ของเนื้อหาทั้งหมดที่วิดีโอปรากฏโดยการตั้งค่าแอตทริบิวต์ class เป็น video-wrapper-full-width

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore Maga aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo conequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. ยกเว้น eint. sint occaecat Cupidatat not Proident, sunt in culpa qui officia deserunt mollit anim id est laborum.