☆ Roller Coder ☆

ตอนที่ 16 : -{ROUND:15;} เครื่องเล่นวิดีโอเพลงจาก Youtube

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 261
    จำนวนคนให้กำลังใจ : 12 ครั้ง
    17 ต.ค. 62

ROLLER CODER
{ROUND:15;}
 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
ALL ABOUT THE CODE
 
ทีแรกมายแจกโค้ดนี้ในบทความธีมเพราะมีคนไปถามในนั้นบ่อยๆ
ตอนนี้เลยถือโอกาสย้ายมาในบทความแจกโค้ดนี้แทนนะคะ




เรามาเทคโค้ดกันก่อน 


<iframe width="220" height="124" src="https://www.youtube.com/embed/AiQiEiAPvUw?version=3&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;theme=dark&amp;color=white&amp;autohide=1&amp;controls=1&amp;showinfo=0&amp;playlist=AiQiEiAPvUw" frameborder="0" allowfullscreen="" allow="autoplay"></iframe>


***นำโค้ดตรงที่ตัวเล็กๆ ข้างบนนี้ไปใช้นะคะ 

ส่วนข้างล่างต่อไปนี้ที่เป็นตัวใหญ่ มายจะใช้อธิบายโค้ด
ถ้านำไปมันอาจจะไม่ติดค่ะ อาถรรพ์ 5555555 
ไม่ใช่! คือมันเป็นเรื่องการตัดบรรทัดโค้ดพวกนี้ค่ะ 
เลยทำให้โค้ดอาจจะไม่แสดงผล

EXP.


<iframe width="220" height="124" src="https://www.youtube.com/embed/AiQiEiAPvUw?version=3&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;theme=dark&amp;color=white&amp;autohide=1&amp;controls=1&amp;showinfo=0&amp;playlist=AiQiEiAPvUw" frameborder="0" allowfullscreen="" allow="autoplay"></iframe>


อิงจากโค้ดที่แจกด้านบนนะคะ จะได้เครื่องเล่นเพลงแบบนี้



width="220" height="124" ที่บรรทัดแรก สามารถปรับขนาดได้ตามที่ชอบเลยนะคะ

allow="autoplay" สีน้ำเงินที่บรรทัดสุดท้ายทำให้เพลงจะเล่นอัตโนมัติค่ะ
*แต่ถ้าไม่อยากให้เล่นอัตโนมัตก็สามารถเอาโค้ดส่วนนี้ออกได้ 
และเปลี่ยนค่าตรง autoplay= เป็น 0 แทน 1 ค่ะ

การใส่เพลงที่ต้องการ

ในโค้ดจะมีตำแหน่งให้ใส่อยู่ 2 ที่นะคะ ตามที่ทำสีแดงตัวเอียงไว้
1. src="https://www.youtube.com/embed/VsKoOH6DVys?
2. playlist=VsKoOH6DVys"

การเปลี่ยนเพลงทำได้โดยเอา id เพลงที่ต้องการมาจากลิงก์ของ Youtube ค่ะ 
ทุกลิงก์เพลงจะมีไอดี ของมันอยู่ ไม่ว่าจะลิงก์สั้นๆ หรือที่ติดเพลย์ลิสต์ไทมิ่งอะไรยาวๆ ก็ตามแต่
มองหา v= ก็จะเจอไอดี เพลงนั้นๆ ค่ะ บางเพลงมีเครื่องหมาย - หรือ _ ด้วย เอามาให้ครบนะคะ
เช่นนนน...

https://www.youtube.com/watch?v=AiQiEiAPvUw

https://www.youtube.com/watch?v=CnAmeh0-E-U&list=PLKzAPLKzALb_บลาๆๆๆๆ

เจอแล้วก็อป id เพลงนั้นมาเปลี่ยนใส่ในโค้ดได้เลยค่ะ 
ตรงตำแหน่งที่ 1 ของ src= ระวังอย่าเผลอลบเครื่องหมาย ? หลังไอดีเพลง

ตรงตำแหน่งที่สองเพลง playlist ของเครื่องเล่นค่ะ ถ้าใส่ id เพลงเดียวกับตำแหน่งแรก 
เครื่องเล่นจะเล่นเพลงวนๆ เหมือนตัวอย่างในตอนนี้ 
แต่!! เพราะมันเป็นโค้ดเพลย์ลิสต์ เราเลยใส่หลายเพลงมากแม่
เนื่องจากเมนอาจจะคัมแบ็กพร้อมๆ กัน เพลงจะเล่นวนๆ เรียงลำดับไปนะคะ 
ไม่รู้ว่ามีโค้ดทำแบบสุ่มไหม ขี้เกียจหา 55555
วิธีใส่เพลงนั้นก็ชอบเพลงนี้ก็ชอบ ก็คือเอา id เพลงอื่นมาใส่ตรงตำแหน่งที่ 2 ไม่ซ้ำกับที่แรก 
ถ้ามากกว่านั้นให้ใช้เครื่องหมายลูกน้ำคั่นแต่ละ id เพลงค่ะ 

ตัวอย่างต้องมา...


playlist=rTnWMlYfxhw,AiQiEiAPvUw,CnAmeh0-E-U"


***อย่าเผลอลบฟันหนู " ข้างหลังนะคะ
แบบนี้ก็จะเป็นเครื่องเล่นเพลลิสต์แบบหน้าบทความค่ะ

จบแล้ว บายยย

อ้อ ฝากเพลงนี้มาให้ฟังกันค่ะ




ให้กำลังใจนักเขียน
นักเขียนได้รับกำลังใจแล้ว!
นักเขียนได้รับกำลังใจแล้ว 12 ครั้ง

นิยายที่ผู้อ่านนิยมอ่านต่อ

loading
กำลังโหลด...

1,182 ความคิดเห็น

  1. #1182 มีนรย้า<3บักหนวก (จากตอนที่ 16)
    วันที่ 26 เมษายน 2563 / 17:21

    ขอบคุณนะคะ

    #1,182
    0
  2. #1181 Laretta Quille (จากตอนที่ 16)
    วันที่ 16 เมษายน 2563 / 11:43

    ขอบคุณค่่ะ

    #1,181
    0
  3. #1180 ❣Lulubelle❣ (จากตอนที่ 16)
    วันที่ 9 เมษายน 2563 / 18:30

    ขอบคุณมากค่ะเธอ

    #1,180
    0
  4. #1179 ~AmsA~ (จากตอนที่ 16)
    วันที่ 25 มกราคม 2563 / 14:12

    ขอบคุณมากค่าาาา

    #1,179
    0
  5. #1176 MB.임지수GOT7 (จากตอนที่ 16)
    วันที่ 5 มกราคม 2563 / 18:15

    ขอบคุณมากๆนะคะ

    #1,176
    0
  6. #1173 Lucifer Nat (จากตอนที่ 16)
    วันที่ 17 ตุลาคม 2562 / 21:06

    ขอบคุณค่ะ >w<

    #1,173
    0
  7. #256 นาว` วัดเด (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 22:35
    ขอบคุณมากๆเลยนะครัช TOT
    #256
    0
  8. #255 ` dp.JUNI ♡ (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 22:16
    ขอบคุณมากค่ะ สวยมาก อยากได้มานานแล้ว หามาตลอดเลย
    เมื่อวานนั่งหาแทบจะพลิกเด็กดี ไม่คิดว่าวันนี้บทความนี้จะมาอัพ
    ปลาบปลื้มดีใจจนน้ำตาไหล ขอบคุณขอบใจขอบพระทัยมากค่ะ TwT

    คือโครมเรามีปัญหาค่ะ อ่านโค้ดยูตูบเวอร์ชั่นเก่าในเด็กดีไม่ได้เลย
    เป็นแบบเดียวกับที่มายเจอเป๊ะเลยค่ะ มันขาว !! คือเซ็งมากคือเศร้ามาก !!
    ก็เลยตามหาโค้ดที่จะทำให้เล่นยูตูบได้ไม่มีปัญหา มาเจอสอนทำอันนี้คือแทบจะก้มกราบ
    มันมีคุณค่าและเป็นประโยชน์กับเรามากค่ะจากใจจริง ;w;

    สุดท้ายนี้ อยากบอกว่าขอบคุณมายที่สอนแบบลึกซึ้งและถ่องแท้ค่ะ
    คือมายจะเลือกแจกอย่างเดียว ไม่ต้องมาอธิบายอะไรยืดยาวขนาดนี้ก็ได้
    แต่มายก็เลือกที่จะสละเวลามาแจกโค้ดมาสอนทำ เพื่อให้เราทำได้ดีและสวยด้วยกัน
    ซึ่งมันมีประโยชน์มาก และขอขอบคุณจากใจจริงเลยค่ะ T/\T

    #255
    0
  9. #252 _LiNCAiYEN_ (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 21:45
    เจ๋ง เยี่ยม ยอด สุดยอด~!
    ขอบคุณมากนะคะ ทำได้แล้วเย้ >< ♥
    #252
    0
  10. #246 Killer_Guy (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 20:04
    ขอบคุณค่ะ
    #246
    0
  11. #245 ★ .•°Mademoiselle•.°´ (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 19:48
    ขอบคุณมากๆค่ะ กำลังเจอปัญหานี้เลย
    #245
    0
  12. #244 Gui Tar (จากตอนที่ 16)
    วันที่ 8 มีนาคม 2557 / 19:36
    ขอบคุณมากๆค่ะ TOT 
    #244
    0