HTML YouTube Videos

วิธีที่ง่ายที่สุดในการเล่นวิดีโอใน HTML คือ ใช้ YouTube

ปัญหาเรื่องรูปแบบวิดีโอ ?

การแปลงไฟล์วิดีโอให้เป็นหลาย ๆ รูปแบบอาจยุ่งยากและใช้เวลามาก วิธีที่ง่ายกว่าคือ ให้ YouTube เป็นผู้เล่นวิดีโอในหน้าเว็บของคุณแทน

เมื่อคุณอัปโหลดหรือเล่นวิดีโอใน YouTube
YouTube จะแสดงรหัสของวิดีโอ (เช่น tgbNymZ7vqY)
คุณสามารถใช้รหัสนี้เพื่อแสดงวิดีโอในหน้า HTML ของคุณได้

				
					<iframe width="420" height="345" 
src="https://www.youtube.com/embed/D-45GIp5Ejk">
</iframe>

คุณสามารถให้วิดีโอเล่นอัตโนมัติเมื่อผู้ใช้เข้าหน้าเว็บได้
โดยเพิ่ม autoplay=1 ลงใน URL ของ YouTube

แต่ควรระวังการเล่นอัตโนมัติ (autoplay) อาจรบกวนผู้เข้าชมเว็บไซต์ได้

หมายเหตุ: เบราว์เซอร์ในตระกูล Chromium เช่น Chrome, Edge ส่วนใหญ่ไม่อนุญาตให้เล่นอัตโนมัติ เว้นแต่จะเป็น แบบปิดเสียง (muted)

หากต้องการให้วิดีโอเริ่มเล่นอัตโนมัติแบบปิดเสียง ให้เพิ่ม mute=1 ต่อจาก autoplay=1

				
					<iframe width="420" height="345" 
src="https://www.youtube.com/embed/D-45GIp5Ejk?autoplay=1&mute=1">
</iframe>

ถ้าต้องการให้เล่นวิดีโอหลายตัวต่อกัน
ให้ใช้พารามิเตอร์ playlist แล้วใส่รหัสวิดีโอหลายตัวคั่นด้วยเครื่องหมายจุลภาค (,)

หากต้องการให้วิดีโอเล่นซ้ำ ให้เพิ่มพารามิเตอร์ playlist และ loop ลงใน URL

				
					<iframe width="420" height="345" 
src="https://www.youtube.com/embed/D-45GIp5Ejk?playlist=D-45GIp5Ejk&loop=1">
</iframe>

หากไม่ต้องการให้แสดงปุ่มควบคุมวิดีโอ เช่น ปุ่มเล่น/หยุด ให้เพิ่ม controls=0 ใน URL

				
					<iframe width="420" height="345" 
src="https://www.youtube.com/embed/D-45GIp5Ejk?controls=0">
</iframe>