ตั้งค่าการอ่าน

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    R..Music โค้ดเพลงตามใจฉัน

    ลำดับตอนที่ #28 : ++สอนทำกล่องเพลงจากยูทูป ++

    • อัปเดตล่าสุด 27 ธ.ค. 57


    จากการที่สอนโด้โค้ด(?) ไปใส่ในมายไอดีหรือนิยายคนอื่นแล้ว ก็ถึงฤกษ์สอน ทำกล่องเพลงจากยูทูปซะที
    จะสอนแบบละเอียดเลยนะครับ

    ขั้นแรก ไปที่ Youtube --> หาเพลงที่ต้องการ --> คลิ๊กที่คำว่าแชร์ (ด้านล่างวิดีโอ) --> คลิ๊กฝัง --> เมื่อเห็นโค้ดแล้วคลิ๊ก แสดงเพิ่มเติม --> ติ๊กออฟชั่นเสริมหากต้องการ -->ก๊อปโค้ดจากข้างบน




    2. เปิด Noteped ขึ้นมา --> วางโค้ดลงไปในนั้นเพื่อแก้ไข --> ถ้าไม่อยากแก้ไขก็เอาทั้งหมดวางใน ดูรหัส HTML ได้เลย

    สำหรับของผมที่ก๊อปมาก็คือ


    <iframe width="560" height="315"
     src="//www.youtube.com/embed/g1kEbizrPrI?rel=0&amp;controls=0&amp;
    showinfo=0" frameborder="0" allowfullscreen></iframe>

    กล่องเพลงมันจะเป็นแบบนี้ (ไม่มีออฟชั่นเสริม)




    3.หากอยากแก้ไข สามารถแก้ไขได้ดังนี้ 


    <iframe width="560" height="315"
     src="//www.youtube.com/embed/g1kEbizrPrI?rel=0&amp;controls=0&amp;
    showinfo=0" frameborder="0" allowfullscreen></iframe>

    จะเปลี่ยนเป็นขนาดไหนก็ได้ หากไม่อยากได้รูปมาด้วย ก็ปรับเป็น

    <iframe width="170" height="25"
     src="//www.youtube.com/embed/g1kEbizrPrI?rel=0&amp;controls=0&amp;
    showinfo=0" frameborder="0" allowfullscreen></iframe>

    ก็จะขึ้นแบบนี้

     


    4. อยากได้แบบ ออโต้เพลย์ + วนลูป ก็ใส่ตามนี้เลย หากอยากได้เฉพาะออโต้เพลย์ก็เอาเฉพาะสีส้ม หากเอาได้เฉพาะวนลูปให้เอาเฉพาะสี ชมพู หากอยากได้ทั้งสองก็ใส่ทั้งสอง


    <iframe width="170" height="25"
     src="//www.youtube.com/embed/g1kEbizrPrI?rel=0&amp;controls=0&amp;autoplay=1&amp;loop=1&amp;
    showinfo=0" frameborder="0" allowfullscreen></iframe>



    5. เฮ้ย! แล้วเอาแบบเวอร์ชั่นเก่าได้ไหม ตอบว่าได้ ขั้นตอนก็มีแค่ --> พิมตามที่ผมวางไว้นี้ 

    <embed allowfullscreen="true" allowscriptaccess="always" height="315" src=" http://www.youtube.com/v/...?version=2&amp;hl=en_US&amp" type="application/x-shockwave-flash" width="560"></embed>

    6. แก้ไขส่วนนี้ซะ 

    <embed allowfullscreen="true" allowscriptaccess="always" height="315" src=" http://www.youtube.com/v/...?version=2&amp;hl=en_US&amp" type="application/x-shockwave-flash" width="560"></embed>

    7. เปลี่ยน height จาก 315 เป็น 25 และ width แล้วแต่สะดวก แต่แนะนำ 170 สำหรับ http://www.youtube.com/v/...
    ตรง ... หาได้จาก


    6. จะได้แบบนี้

    <embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/g1kEbizPrI?version=2&amp;hl=en_US&amp" type="application/x-shockwave-flash" width="170"></embed>

    7. ถ้าอยากได้แบบ เล่นเอง + วนลูปก็ใส่ &amp;autoplay=1 + &amp;loop=1 ตามนี้ (สีส้มเล่นเอง ชมพู เล่นซ้ำ)

    <embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/g1kEbizPrI?version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1" type="application/x-shockwave-flash" width="170"></embed>

    ก็จะเป็นแบบนี้ (ขออนุญาติเอาออโต้เพลย์ออกนะ เพลงจะตีกัน)



    8. อ้าว ทำไมเป็นแค่สีดำล่ะ ถ้าอยากเปลี่ยนสีก็สามารถทำได้ดังนี้
    - ใส่ &amp;color1=.... &amp;color2=....

    Color1 คือ สีขอบ
    Color2 คือ สีของกล่อง (แนะนำสีขาว)

    <embed allowfullscreen="true" allowscriptaccess="always" height="25" src=" http://www.youtube.com/v/g1kEbizPrI?version=2&amp;hl=en_US&amp;autoplay=1&amp;loop=1&amp;color1=โค้ดสี (ไม่ต้องมี #)&amp;color2=โค้ดสี(ไม่ต้องมี #)" type="application/x-shockwave-flash" width="170"></embed>

    เมื่อใส่แล้วจะได้แบบนี้




    9. จากนั้นใส่ใน My.id หรือนิยายเราได้เลย 

    10. ง่ายแต่งงใช่ไหม สอนเองยังงงเองเลย



    ติดตามเรื่องนี้
    เก็บเข้าคอลเล็กชัน

    ผู้อ่านนิยมอ่านต่อ ดูทั้งหมด

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

    อีบุ๊ก ดูทั้งหมด

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

    ความคิดเห็น

    ×