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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    SINAOM | STODIO แจกเพลง + MV

    ลำดับตอนที่ #1 : สอนการวางโค้ดในหน้าเว็บ และ ทำโค้ดใช้เอง

    • เนื้อหานิยายตอนนี้เปิดให้อ่าน
    • 360
      2
      16 ธ.ค. 59

      





    สวัสดีค่า ตอนที่ 1 นะคะ



    จะสอนในเรื่องของการทำ html ในการใส่ เพลง หรือ mv บนหน้าเว็บนิยาย

    <สำหรับคนที่อยากจะหาเพลงใน youtube มาใส่เอง เพื่อให้เข้ากับบทความที่เขียนนะคะ>
     





    1 เริ่มกันที่ เราจะให้โค้ดสำเร็จรูปมานะคะ 


    <iframe width="350" height="198" src="https://www.youtube.com/embed/e-ORhEE9VVg?&autoplay=1" frameborder="0" allowfullscreen></iframe>


    อันนี้นะคะ คือ html สำหรับใส่ mv นะคะ หน้าตาจะเป็นแบบ ข้างล่างนี้

    (ซึ่งเพลงจะเล่นเองอัตโนมัติ)







    <iframe width="350" height="198" src="https://www.youtube.com/embed/e-ORhEE9VVg?&autoplay=1" frameborder="0" allowfullscreen></iframe>



    อันนี้ ไว้เปลี่ยนความสูงของ mv : height="198"


    อันนี้ ไว้เปลี่ยนความกว้างของ mv : width="350"


    ตัวสีฟ้านี้นะคะ e-ORhEE9VVg เราจะเอามาจากหน้าเว็บ youtube คะ



    ยกตัวอย่างนะคะ

    นี้คือเว็บเต็มๆ ของเพลงนี้คะ สังเกตุที่สี ที่เราก๊อบมานะคะ เอามาแค่ตรงที่มีสีเท่านั้น


    [https://www.youtube.com/watch?v=e-ORhEE9VVg]




    ให้เอามาแทนในช่องว่างก่อนถึงเครื่องหมาย"
    ?



    <iframe width="350" height="198" src="https://www.youtube.com/embed/______________?&autoplay=1frameborder="0" allowfullscreen></iframe>

    จะได้แบบนี้
    v
    v

    <iframe width="350" height="198" src="https://www.youtube.com/embed/e-ORhEE9VVg?&autoplay=1" frameborder="0" allowfullscreen></iframe>




    ต่อมา ถ้าไม่อยากให้เพลงเล่นอัตโนมัติให้ใส่เลข 0 ตรง autoplay="1"

    จะได้ออกมาแบบนี้คะ












    โดยนำโค้ดที่เราทำแบบสำเร็จรูปให้ ไปใส่ในที่การแก้ไขหน้าเว็บนิยายของตนเองนะคะ














    ให้วางโค้ดลงในนี้คะ แล้วกด text ที่เดิมก็จะได้หน้า MV เพลงคะ สามารถเลือกโค้ดได้ว่าอยากได้แบบเล่นเองอัตโนมัติหรือไม่อัตโนมัติ











    จบแล้ว
    ขอบคุณที่เข้ามาอ่านค่า









    _____________________________________________________________________________

    อันนี้ เว็บ ของธีมที่เราเอามานะคะ
    [จิ้มที่รูป จะไปโผล่หน้าเว็บคะ]


    _____________________________________________________________________________





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

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

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

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

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

    ความคิดเห็น

    ×