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 ที่ระบุเท่านั้น

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

Do not recommend gambling sites of any kind. If violated, will be prosecuted according to the law.

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

new story

Recent Posts Widget