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

ค่าเริ่มต้น

  • เลื่อนอัตโนมัติ
    {My Bedroom} คนไม่สวยห้ามเข้า

    ลำดับตอนที่ #5 : เพลง

    • อัปเดตล่าสุด 17 ส.ค. 56









    วิธีลงโค้ดเพลงจาก Youtube

    1 : เลือกเพลงที่ต้องการ
    เข้าเว็บ youtube แล้วมองหาเพลงเพราะ ๆ ที่อยากเอามาลงหน้านิยายเราเลย !

    2 : ก็อปโค้ด Embed
    ที่ด้านล่างของวิดีโอ ลองมองหาปุ่ม Share หรือ แบ่งปัน คลิ๊กแล้วมองหาปุ่ม Embed หรือ ฝัง แล้วคลิ๊กเข้าไปซะ ติ๊กที่ช่อง Use old embed code หรือ ใช้โค้ดแบบเก่า ด้วยล่ะ (อย่าลืมนะ!) มันจะมีโค้ดขึ้นมาให้ ก็อปโค้ดนั้นเอาไว้เลย
     

    3 : นำมาใส่หน้านิยาย
    เข้า control panel มาที่ writer แล้วเข้ามาที่หน้าแก้ไขนิยายของเราเหมือนปกติ ไปที่ช่องเดียวกับที่เราพิมข้อความต่าง ๆ
    แล้วกด 'แทรกโค้ด HTML' (หรือ 'ดูรหัส HTML' นั่นแหละ) จากนั้นก็วางโค้ดยึกยือ ๆ ของเราลงไปเลย !

    4 : แก้ไขโค้ดเล็กน้อย
    ถ้าไม่ทำ มันจะออกมาเป็นวิดีโออันใหญ่เบอเริ่ม เหมือนกันในเว็บยูทูปเป๊ะ
    แต่เราต้องการแค่เพลงเฉยๆ อ่ะ ไม่ได้อยากได้วิดีโออันใหญ่ ๆ เลยซักนิด

    โค้ดที่ก็อปมาจากยูทูปจะมีหน้าตาเป็นแบบนี้ ..

     

    <object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/3xZHqu1JfDU?version=3&amp;hl=th_TH&amp;rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/3xZHqu1JfDU?version=3&amp;hl=th_TH&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>
     

    ก่อนอื่น เพื่อประหยัดเนื้อที่ + ไม่รกรุงรัง เราสามารถตัดที่ไฮไลท์ทั้งหมดออกไปได้เลย
    จะเหลือสั้นแค่นี้

     

    <embed src="http://www.youtube.com/v/3xZHqu1JfDU?version=3&amp;hl=th_TH&amp;rel=0" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed>


    ดูง่ายขึ้นเยอะเลยใช่มั้ยล่า!! ต่อไปก็ ให้เราแก้ไขขนาดของมันซะ โดยการเปลี่ยนตัวเลขแบบนี้ ...
     

    <embed src="http://www.youtube.com/v/3xZHqu1JfDU?version=3&amp;hl=th_TH&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>


    ขนาดที่นิยมได้แก่ สูง 25 กว้าง 165 หรือ 200 // สูง 25 กว้าง 30 // และ สูง 0 กว้าง 0
    และถ้าความสูงกับความกว้างเท่ากับ 0 กล่องยูทูปก็จะล่องหน มองไม่เห็น มีแต่เสียงโผล่มาอย่างเดียว



    ว่าแต่.. เฮ้ย? ไหงมันออกมาเป็นเยี่ยงนี้ล่ะ
    วีธีแก้คือ...


    <embed src="http://www.youtube.com/v/3xZHqu1JfDU?version=3&amp;hl=th_TH&amp;rel=0" type="application/x-shockwave-flash" width="200" height="25" allowscriptaccess="always" allowfullscreen="true"></embed>

    ลบตรงที่ไฮไลท์ไว้ออกไปซร้า
    แล้วใส่เจ้านี่ ?version=2&hl=en_US ลงไปแทน
    ทีนี้กล่องเพลงเราก็ออกมาสวยเป็นระเบียบแล้วว


    และต่อไปเป็นการทำให้โค้ดเพลง เล่นอัตโนมัติ และ เล่นวนซ้ำ
    ถ้าต้องการให้เพลงเล่นขึ้นมาเลย โดยที่ไม่ต้องกดปุ่นเพลย์ก่อน ให้ใส่คำว่า &autoplay=1 ลงไปด้านหลังลิงค์แบบนี้


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


    จำเป็นมากสำหรับโค้ดเพลงที่จะทำขนาดให้ เป็น 0*0 เพราะมันจะล่องหน ไม่มีปุ่มเพลย์ให้กด ดังนั้นถ้าไม่ทำให้เล่นแบบออโต้เพลย์เพลงก็จะไม่เล่นนะเออ


    และถ้าต้องการทำให้เพลงเล่นซ้ำ วนไปเรื่อย ๆ ไม่หยุด ให้ใส่คำว่า &loop=1 ลงไป ต่อท้ายคำว่า &autoplay=1
     

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


    เท่านี้เพลงก็จะเล่นซ้ำไปเรื่อย ๆ แล้ว

    และแถมอีกหน่อย สำหรับคนที่อยากเปลี่ยนสีกล่องเพลงค่า~
    สีตัวกล่อง ให้เติม &color2=(โค้ดสี ไม่ต้องมี#) ลงไปหลัง &loop=1 เน้อ
    อันนี้เป็นตัวอย่างของสีขาว (โค้ด ffffff)

    แล้วก็ สีกรอบ &color1=(โค้ดสี ไม่ต้องมี#)


    มีปัญหาถามได้ค่ะ
    ถึงจะดูยุ่งยาก แต่จริง ๆ แล้วมันง่ายกว่าที่คิดนะ !!

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

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

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

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

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

    ความคิดเห็น

    ×