Column Right

การให้วิดีโอจาก YouTube เล่นวน Loop บนหน้าเว็บ

 มีคนถามว่า เอาวิดีโอจาก YouTube มาวางลงในหน้าเว็บ เมื่อคลิกที่วิดีโอเล่น อยากให้วิดีโอนั้นเล่นวนตลอดไป จะเขียน code คำสั่งอย่างไร

ตัวอย่าง


พิธีเปิดการอบรมครู กศน. 30 สิงหาคม 2564

<center><iframe width="358" height="201" src="https://www.youtube.com/embed/rVeg33PtAyY?autoplay=1&controls=0&loop=1&playlist=rVeg33PtAyY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay="1" ; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe><br />  พิธีเปิดการอบรมครู กศน. 30 สิงหาคม 2564</center>

จากตัวอย่างด้านบนคือ Code ทั้งหมด เราจะมาพิจารณากันที่ละขั้นตอน


1.ทำการ copy คำสั่ง embed ของไฟล์วิดีโอจาก Youtube โดยการคลิกเมาส์ขวาที่จอของ YouTube
2.สมมุติ emded ที่ได้คือ
<iframe width="716" height="403" src="https://www.youtube.com/embed/rVeg33PtAyY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
3.ให้พิมพ์คำสั่งเพิ่ม ?autoplay=1&controls=0&loop=1&playlist= วางหลัง VIDEO ID (แสดงด้วยตัวหนาสีน้ำเงิน)
4.นำ VIDEO ID มาต่อท้ายคำว่า ...... playlist=   อีกครั้ง
โดย autoplay=1
controls= แสดงเครื่องมือคุมวิดีโอ 0 คือไม่แสดง และ 1 คือ แสดง
loop= คำสั่งให้เล่นวน 0 คือไม่เล่นวน  1 คือเล่นวน
playlist= ส่วนกำกับให้คำสั่งมีผลบังคับเฉพาะ Video ที่ระบุเท่านั้น

ไม่มีความคิดเห็น

ขอบคุณที่ได้ให้ความสนใจบทความ ใน mediathailand network ครับ

new story

Recent Posts Widget