วิธีทำโค้ดเพลงจากยูทูปใส่บล็อก How to Code Music for Blog

  • 98% Rating

  • 56 Vote(s)

  • 114,625 Views

  • 1,253 Comments

  • 1,702 Favorites

แชร์นิยายเรื่องนี้

  • Month Views
    434

    Overall
    114,625

แนะนำเรื่องแบบย่อๆ

วิธีทำโค้ดเพลงใส่บล็อก ใส่บทความ(นิยาย) ใส่ My.iD<br /> โดยนำโค๊ดเพลงจาก YouTube มาดัดแปลงเป็นเครื่องเล่นเพลงเล็กๆ สวยๆ


ข้อมูลเบื้องต้นของเรื่องนี้
จะมานำเสนอวิธีทำโค้ดเพลงใส่ My.iD หรือบทความ เช่น นิยาย
ด้วยวิธีง่ายๆ มีภาพประกอบ

อัพเดตล่าสุด 11 มิ.ย. 2561  อัพเดตเนื้อหาเฉพาะส่วนที่ทำแบบยากเล่นหลายเพลงทำให้เล่นแบบออโต้ได้
*แก้ภาพ
โค้ดเพลงที่เราจะนำมาใช้คือโค้ดเพลงจาก YouTube


สิ่งที่ต้องเตรียม
1. มีบัญชี YouTube
2. หาเพลงที่ต้องการใน YouTube
3. เปิด Notepad หรือ Word อะไรก็ได้ ที่เราสามารถนำโค้ดมาวางแล้วทำการดัดแปลงแก้ไขได้
4. จากนั้นปฏิบัติตามภาพ





เรื่องในตอนนี้ อัพเดท 13 มิ.ย. 61 / 14:52

บันทึกเป็น Favorite


แก้ไขภาพที่ วันที่ 11 มิถุนายน พ.ศ. 2561

*เพิ่มเติม Code เพลงเล่นแบบออโต้ได้สำหรับทำแบบยากเล่นหลายเพลง


Search หาเพลงที่ต้องการจากใน YouTube
แล้วทำตามขั้นตอนดังต่อไปนี
 

 


แบบง่าย





อันนี้ทำเล่นออโต้กับเล่นวนซ้ำได้แล้วนะคะ

 

ความกว้าง-ยาว ปรับได้เองนะคะ

Copy นำไปดัดแปลงได้เลยจ้า



<iframe width="190" height="30"

src="https://www.youtube.com/embed/ใส่URLเพลง?rel=0

&amp;showinfo=0&amp;autoplay=1&amp;loop=1

&amp;playlist=ใส่URLเพลง&amp;fs=0&amp;showinfo=0"

frameborder="0" allowfullscreen></iframe>



 




แบบยาก

****(เล่นวนซ้ำได้ เพิ่มเพลงอื่นได้หลายเพลง)****


























ก็จะได้ CODE จากยูทูปมาแบบนี้นะคะ



คำสั่งโค้ด


&amp;showinfo=0&autoplay&loop=1" frameborder="0" allowfullscreen>



 


จบการสอน คงไม่ได้เจอกันอีกนานเลย 555

จริงๆ รูปใหญ่กว่านี้ ใครมองไม่ชัดสามารถเซฟภาพไปขยายดูเองในคอมพ์ตัวเองได้ค่ะ



วิธีใส่โค๊ดในบล็อกและบทความ
วิธีใส่โค้ดเพลงที่ถูกต้อง






?????????/??png (4.png - 251x21)


ตัวอย่างแบบทำง่าย


ตัวอย่างแบบทำยาก




ศึกษาเพิ่มเติมได้ที่

https://developers.google.com/youtube/iframe_api_reference


ทดสอบโค้ดได้ที่

http://www.codetukyang.com/html/testcode.htm

ผลงานเรื่องอื่นๆ ของ Rolling_Eyes จากทั้งหมด 3 บทความ

บทวิจารณ์

ยังไม่มีบทวิจารณ์ของเรื่องนี้

คำนิยม Top

"เริ่ดมอกกกก"

(แจ้งลบ)

อยากจะบอกว่ามันเริศมากที่สุดในสามโลกเลยคะ ขอบคุณนะคะ อธิบายเป็นขั้นตอน ละเอียด แถมมีภาพประกอบ ทำตามหนเดียวได้เลย...››อ่านต่อ

อยากจะบอกว่ามันเริศมากที่สุดในสามโลกเลยคะ ขอบคุณนะคะ อธิบายเป็นขั้นตอน ละเอียด แถมมีภาพประกอบ ทำตามหนเดียวได้เลย เห็นใครๆเขามีเพลงเราก็เนอะอยากจะมีมั้ง แต่ถามใครใครก็ไม่บอก จะเสิชหา ก็มีแต่คนที่อธิบายแบบว่าสำหรับเทพทั้งนั้น คนปกติอย่างอิฉันอ่านแล้วงง (คือว่าตัวเองไม่ค่อยฉลาด เลยพยายามคิดเข้าข้างตัวเองว่าคนอื่นฉลาดมากกเกินไป ส่วนเรานั้นปกติ) แต่ของคุณนี่โอ้วแม่เจ้า มันยอด ยอดมาก ขอบคุณอีกครั้งนะคะ นิยา เบรานี่‹‹ย่อ

นิยา เบรานี่ | 25 ก.ย. 55

  • 59

  • 2

"อธิบายได้เข้าใจง่ายมาก:)"

(แจ้งลบ)

คือตอนเเรกนะค่ะ เราก็ทำไม่เป็นหรอกนะ ตอนนั้นอยากเปิดบทความเเจกโค้ดเพลงมากมายเเต่...ดันทำไม่เป็น(ฮา) เราก็เลยไป...››อ่านต่อ

คือตอนเเรกนะค่ะ เราก็ทำไม่เป็นหรอกนะ ตอนนั้นอยากเปิดบทความเเจกโค้ดเพลงมากมายเเต่...ดันทำไม่เป็น(ฮา) เราก็เลยไปหาวิธีต่างๆนาๆมาลองทำโค้ด ทำยังไงมันก็ไม่เป็นกล่องเเบบที่เขาทำกัน หาบทความในเด็กดีก็ไม่เข้าใจ เราเริ่มท้อ ตอนนั้นคิดว่า คงไม่มีทางที่จะทำโค้ดเป็นเองเเล้วมั่ง จนเปิดไล่ๆมาบทความนี้ ต้องบอกขอบคุณมากๆเลยค่ะ เพราะบทความนี้เหมือนพระมาโปรด(เว่อร์) บทความอื่นมันอธิบายได้ไม่ชัดเเบบนี้อ่ะ บทความนี้อธิบายง่ายๆเต่ครบถ้วน เราคิดว่าบทความนี้อธิบายได้เข้าใจง่ายมาก:) เราต้องขอขอบคุณจริงๆที่ไรท์เตอร์สร้างบทความนี้ขึ้นมา ขอบคุณค่ะ‹‹ย่อ

coyugi | 3 ต.ค. 55

  • 28

  • 0

ดูต่อทั้งหมด

คำนิยมล่าสุด

"อธิบายได้เข้าใจง่ายมาก:)"

(แจ้งลบ)

คือตอนเเรกนะค่ะ เราก็ทำไม่เป็นหรอกนะ ตอนนั้นอยากเปิดบทความเเจกโค้ดเพลงมากมายเเต่...ดันทำไม่เป็น(ฮา) เราก็เลยไป...››อ่านต่อ

คือตอนเเรกนะค่ะ เราก็ทำไม่เป็นหรอกนะ ตอนนั้นอยากเปิดบทความเเจกโค้ดเพลงมากมายเเต่...ดันทำไม่เป็น(ฮา) เราก็เลยไปหาวิธีต่างๆนาๆมาลองทำโค้ด ทำยังไงมันก็ไม่เป็นกล่องเเบบที่เขาทำกัน หาบทความในเด็กดีก็ไม่เข้าใจ เราเริ่มท้อ ตอนนั้นคิดว่า คงไม่มีทางที่จะทำโค้ดเป็นเองเเล้วมั่ง จนเปิดไล่ๆมาบทความนี้ ต้องบอกขอบคุณมากๆเลยค่ะ เพราะบทความนี้เหมือนพระมาโปรด(เว่อร์) บทความอื่นมันอธิบายได้ไม่ชัดเเบบนี้อ่ะ บทความนี้อธิบายง่ายๆเต่ครบถ้วน เราคิดว่าบทความนี้อธิบายได้เข้าใจง่ายมาก:) เราต้องขอขอบคุณจริงๆที่ไรท์เตอร์สร้างบทความนี้ขึ้นมา ขอบคุณค่ะ‹‹ย่อ

coyugi | 3 ต.ค. 55

  • 28

  • 0

"เริ่ดมอกกกก"

(แจ้งลบ)

อยากจะบอกว่ามันเริศมากที่สุดในสามโลกเลยคะ ขอบคุณนะคะ อธิบายเป็นขั้นตอน ละเอียด แถมมีภาพประกอบ ทำตามหนเดียวได้เลย...››อ่านต่อ

อยากจะบอกว่ามันเริศมากที่สุดในสามโลกเลยคะ ขอบคุณนะคะ อธิบายเป็นขั้นตอน ละเอียด แถมมีภาพประกอบ ทำตามหนเดียวได้เลย เห็นใครๆเขามีเพลงเราก็เนอะอยากจะมีมั้ง แต่ถามใครใครก็ไม่บอก จะเสิชหา ก็มีแต่คนที่อธิบายแบบว่าสำหรับเทพทั้งนั้น คนปกติอย่างอิฉันอ่านแล้วงง (คือว่าตัวเองไม่ค่อยฉลาด เลยพยายามคิดเข้าข้างตัวเองว่าคนอื่นฉลาดมากกเกินไป ส่วนเรานั้นปกติ) แต่ของคุณนี่โอ้วแม่เจ้า มันยอด ยอดมาก ขอบคุณอีกครั้งนะคะ นิยา เบรานี่‹‹ย่อ

นิยา เบรานี่ | 25 ก.ย. 55

  • 59

  • 2

ดูต่อทั้งหมด

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

  1. วันที่ 1 เมษายน 2562 / 02:04

    <iframe width="190" height="30"

    src="https://www.youtube.com/embed/xEeFrLSkMm8?rel=0

    &amp;showinfo=0&amp;autoplay=1&amp;loop=1

    &amp;playlist=xEeFrLSkMm8&amp;fs=0&amp;showinfo=0"

    frameborder="0" allowfullscreen></iframe>

    #1253
    0
  2. วันที่ 18 กุมภาพันธ์ 2562 / 14:05

    ขอบคุณมากนะคะ แต่มันไม่เล่นออโต้ให้

    #1252
    0
  3. วันที่ 20 มกราคม 2562 / 11:18

    เพลงไม่เล่นออโต้ค่ะ ทำไงดี

    #1251
    0
  4. วันที่ 14 มกราคม 2562 / 12:43

    ชอบคุณค่าาาา

    #1250
    0
  5. วันที่ 28 ธันวาคม 2561 / 18:05

    ขอบคุณค่ะ

    #1249
    0
  6. วันที่ 14 ธันวาคม 2561 / 22:00

    ขอบคุณสำหรับโค้ดค่ะ ดีมากๆ เลย

    #1248
    0
  7. วันที่ 14 ธันวาคม 2561 / 17:52

    ขอบคุณมากๆเลยค่ะะะ

    #1247
    0
  8. วันที่ 9 ธันวาคม 2561 / 20:26

    ตอนนี้เพลงไม่เล่นออโต้แล้วน้า ทำไงดีครับบบ

    #1246
    0
  9. วันที่ 1 ธันวาคม 2561 / 00:35

    ขอบคุณน้า

    #1245
    0
  10. วันที่ 29 พฤศจิกายน 2561 / 12:43

    เพลงไม่เล่นออโต้เลยค่ะไรต์TT

    #1244
    0
  11. วันที่ 3 พฤศจิกายน 2561 / 17:49

    อยู่ๆเพลงก็ไม่เล่นออโต้ให้อ่ะค่ะ

    #1243
    0
  12. วันที่ 29 ตุลาคม 2561 / 23:16

    ขอบคุณนะค้าาาาา

    #1242
    0
  13. วันที่ 28 ตุลาคม 2561 / 15:24

    <iframe width="190" height="30"

    src="https://www.youtube.com/embed/https://www.youtube.com/watch?v=UwuAPyOImoI?rel=0

    &amp;showinfo=0&amp;autoplay=1&amp;loop=1

    &amp;playlist=https://www.youtube.com/watch?v=UwuAPyOImoI&amp;fs=0&amp;showinfo=0"

    frameborder="0" allowfullscreen></iframe>

    #1241
    0
  14. วันที่ 26 ตุลาคม 2561 / 16:03

    สุดยอดเลยค่ะ

    #1240
    0
  15. วันที่ 12 ตุลาคม 2561 / 02:18

    เราทำแบบยาก

    แต่มันไม่เล่นออโต้ให้เลยค่ะ


    #1239
    0
  16. วันที่ 9 ตุลาคม 2561 / 13:28

    ตอนใส่โค็ดในเว็บมันก็เล่นออโต้ได้ยุคะ แต่พอเปิดหน้านิยายขึ้นมามันก็ไม่เล่นออโตอ่ะ

    #1238
    0
  17. วันที่ 23 กันยายน 2561 / 23:08

    ขอบคุณนะคะ

    #1237
    0
  18. วันที่ 16 กันยายน 2561 / 00:23

    ขอบคุณค่ะ

    #1236
    0
  19. วันที่ 1 กันยายน 2561 / 20:30

    ขอบคุงค้า

    #1235
    0
  20. วันที่ 26 สิงหาคม 2561 / 17:19

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

    #1234
    0
  21. วันที่ 19 สิงหาคม 2561 / 19:43

    มันไม่ออโต้อ่ะค่ะต้องทำยังไงคะ


    #1233
    0
  22. วันที่ 8 สิงหาคม 2561 / 23:04

    ขอบคุณครับ แต่ไม่ยักกะออโต้ให้แฮะ

    ปล.ผมทำแบบง่าย

    #1232
    1
    • 12 สิงหาคม 2561 / 21:27
      ของเราก็เป็นค่าา เราก็นึกว่าเราทำผิด เราแก้ใหม่หลายรอบมากก็เล่นออโต้ไม่ได้ ตอนใส่โค้ดเสร็จมาดูที่เป็น text เล่นออโต้ได้นะคะ แต่พอ public จริงๆ แล้วไม่ออโต้ให้
      #1232-1
  23. วันที่ 2 สิงหาคม 2561 / 16:41

    มันไม่เป็นออโต้ให้อ่าคือถ้าเป็นเราที่เป็นคนแต่งตอนบันทึกแบบร่างมันก็เล่นให้ออโต้แต่พอเผยแพร่มันไม่ออโต้อ่ะ



    แก้ไขครั้งที่ 1 เมื่อ 2 สิงหาคม 2561 / 17:31
    #1231
    0
  24. วันที่ 27 กรกฎาคม 2561 / 14:15

    ขอบคุณนะคะ

    #1230
    0
  25. วันที่ 7 กรกฎาคม 2561 / 17:41

    เราเอาโค้ตไปทำแล้ว มันขึ้นว่า เกิดข้อผิดพลาด โปรดลองอีกครั้งภายหลัง ต้องแก้ยังไงคะ

    #1229
    0