☆ Roller Coder ☆

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

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"

***อย่าเผลอลบฟันหนู " ข้างหลังนะคะ

แบบนี้ก็จะเป็นเครื่องเล่นเพลลิสต์แบบหน้าบทความค่ะ

จบแล้ว บายยย

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