วิธีเอาเพลงจาก youtube มาใส่ในบล็อก
ก่อนอื่นต้องขอขอบคุณ คุณ Kurokawa Aki ที่ได้โพสถามวิธีนำเพลงจาก youtube มาใส่ในบล็อก ซึ่งผมก็พบปัญหาที่ว่าไม่สามารถหาเพลงที่ต้องการจากเว็ป //vlog.xuite.net/ ที่ผมได้โพสไว้
ทำให้ผมต้องไปค้นหาวิธีในการเอาเพลงมาใส่ในบล็อกเป็นเวลา 2 วัน 2 คืน ไม่ได้หลับไม่ได้นอน จนกระทั่งได้โค๊ดง่ายๆ ดังนี้

กรณีที่ใครต้องการให้แสดงเฉพาะเสียงเพลงเท่านั้น ก็นำโค๊ดนี้ไปใช้ได้เลยครับ



<embed src="https://www.youtube.com/v/OOO4ROO_sPM?&autoplay=1;loop=1;playlist=OOO4ROO_sPM"hidden=true></embed>


อธิบายซะหน่อย

OOO4ROO_sPM คือ id ของเพลงจาก youtube ที่ต้องการ จะอยู่หลังเครื่องหมาย = ของที่อยู่วีดิโอที่เราเปิดดูครับ เช่ นจากตัวอย่าง url ของเพลงคือ https://www.youtube.com/watch?v=OOO4ROO_sPM

autoplay=1 คือให้เล่นเพลงทันที 
     ถ้าเป็น 0 จะต้องกดปุ่ม Play บนเครื่องเล่นก่อนถึงจะเล่นเพลง ถ้าไม่ได้กำหนดค่านี้ก็จะมีค่าเป็น 0 เหมือนกัน โดยจะต้องกำหนดให้แสดงหน้าจอด้วยไม่งั้นไม่รู้จะไปกดปุ่มเล่นเพลงยังไง

loop=1 คือให้เล่นวนไปเรื่่อยๆ แต่เราต้องกำหนด playlist ด้วยไม่งั้นมันไม่ยอมเล่นวน 
ถ้าเป็น 0 จะเล่นแค่ครั้งเดียวหรือถ้าไม่ได้กำหนดก็เล่นครั้งเดียว 

playlist คือรายการเพลงที่เล่น ค่าที่ใส่ให้คัดลอก id ของเพลงซึ่งอยู่ด้านหลังสุดของ url ของเพลง จากตัวอย่างคือ OOO4ROO_sPM ถ้ากำหนดแค่ loop=1 แต่ไม่กำหนด playlist มันไม่ยอมเล่นวนครับ

hidden คือการกำหนดไม่ให้แสดงหน้าต่างของเพลง กำหนดเป็น true  
ถ้าต้องการโชว์หน้าจอเครื่องเล่นก็ตัดตัวนี้ไปได้เลย

ถ้าเราไม่กำหนด hidden ก็จะมีหน้าต่างเครื่องเล่นเพลงโชว์แต่ขนาดอาจจะเล็กไปหน่อยดังนั้นต้องกำหนดขนาดหน้าต่างด้วย

เช่น width="420" height="315"

นี่เป็นตัวอย่างโค๊ดสั้นๆที่สามารถใช้งานได้สำหรับใครที่ต้องการให้แสดงหน้าต่างเพลงของ youtube ในหน้าบล็อกของเรา โดยเล่นเพลงเองและให้เล่นวนไปเรื่อยๆ


<embed src="https://www.youtube.com/v/OOO4ROO_sPM?&autoplay=1;loop=1;playlist=OOO4ROO_sPM" width="420" height="315"></embed>



สำหรับใครที่อยากโพสแบบทั่วไป คือ ให้ผู้ชมกดเปิดเครื่องเล่นเอง และให้เปิดรอบเดียว โค๊ดสั้นๆก็จะเป็นแบบนี้


<embed src="https://www.youtube.com/v/OOO4ROO_sPM" width="420" height="315"></embed>


แต่ถ้าอยากกำหนดค่าอื่นๆด้วยก็เอาโค๊ดนี้ไปใช้ละกันครับ


<embed src="https://www.youtube.com/v/OOO4ROO_sPM?version=3;rel=1" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always"allowfullscreen="true"></embed>



version=3 คือเวอร์ชันของเครื่องเล่น ตัดทิ้งก็ได้นะ

rel =1 คือให้แสดงวิดีโอที่เกี่ยวข้องเมื่อเล่นจบ
 ถ้าเป็น 0 คือไม่ให้แสดงวิดีโอที่เกี่ยวข้อง มีผลเฉพาะกรณีที่ไม่ได้เล่นซ้ำ

fs = 1 คือให้สามารถกดดูแบบเต็มหน้าจอได้ (fullscreen) 
 ถ้าเป็น 0 จะไม่สามารถดูแบบเต็มจอได้ ถ้าเราไม่ได้กำหนดค่าไว้ ค่าจะเป็น 1
แต่เราต้องเพิ่ม allowscriptaccess="always"allowfullscreen="true" เข้าไปด้วย

สำหรับตัวแปรต่างๆ ที่ว่ามา ถ้าตัวไหนเราไม่จำเป็นต้องใช้ก็ลบออกไปเลยจะได้ไม่สิ้นเปลืองตัวอักษร





Create Date : 28 พฤษภาคม 2556
Last Update : 12 สิงหาคม 2556 8:31:31 น.
Counter : 7404 Pageviews.

50 comments
  
ทดลองนำไปใช้ดูนะครับ ได้ไม่ได้อย่างไรโพสบอกด้วยนะครับ
โดย: yaovarit วันที่: 29 พฤษภาคม 2556 เวลา:21:53:15 น.
  
ขอบคุณนะคะ ถึงขนาดทำให้อดหลับอดนอนไปสองวันเชียว?? ฮ่ะๆๆ ^_^ ขอบคุณมากๆค่ะ
โดย: EmptyBlackRiver วันที่: 29 พฤษภาคม 2556 เวลา:22:38:07 น.
  
ได้แล้วววว ขอบคุณมากค่า ^/\\^
โดย: EmptyBlackRiver วันที่: 29 พฤษภาคม 2556 เวลา:22:44:54 น.
  
ขอบคุณค่ะ
โดย: พูดไม่เก่ง แต่เจ๋งทุกคำ วันที่: 31 พฤษภาคม 2556 เวลา:19:58:25 น.
  
มือใหม่หัดทำ ยังทำไม่ได้ค่ะ เงียบกริ๊บ
โดย: หนาวน้ำค้าง วันที่: 8 มิถุนายน 2556 เวลา:13:45:03 น.
  
ต้องขออภัยมา ณ ที่นี้ด้วยครับ เนื่องจากมีการแก้ไขสคริปใหม่ทำให้มีปัญหา ทำให้สคริปไม่ทำงาน ตอนนี้ได้แก้ไขใหม่และทดลองคัดลอกไปใช้แล้ว สามารถใช้งานได้แล้วครับ ขอบคุณที่โพสบอกครับ
เครื่องหมาย ? หลัง id ของวิดีโออย่าให้หายไปนะครับ
แต่เครื่องหมาย & หายไปได้สคริปยังทำงานได้
โดย: yaovarit วันที่: 8 มิถุนายน 2556 เวลา:19:02:07 น.
  
เพิ่มเติมอีกหน่อย ไม่อยากแก้ในส่วนเนื้อหาเดี๋ยวมีปัญหาอีก ถ้าใครเอาโค๊ดไปใส่ที่ script area เพลงจะเล่นทุกหน้า แต่ถ้าอยากให้แต่ละหน้าเล่นไม่ซ้ำเพลงก็ใส่ตรงส่วนเนื้อหาแทนนะ อย่าใส่ทั้ง 2 ที่ เดี๋ยวเสียงตีกันไม่รู้เรื่อง
โดย: yaovarit วันที่: 9 มิถุนายน 2556 เวลา:16:35:32 น.
  
ขอบคุณมากค่ะ ^^
โดย: หนาวน้ำค้าง วันที่: 11 มิถุนายน 2556 เวลา:11:40:16 น.
  
ขอบคุณมากค่ะ
โดย: Junkojopum วันที่: 15 กรกฎาคม 2556 เวลา:14:04:36 น.
  
ยังทำไม่ได้เลยค่ะ ลองทุกอย่างแร้วแปลกจัง
โดย: แก้ว IP: 27.130.4.172 วันที่: 12 สิงหาคม 2556 เวลา:6:25:57 น.
  
เฮ้อ... ต้องขอขอบคุณมากนะครับที่แจ้งการใช้งานเข้ามา อาจเนื่องมาจากผมได้แก้ไขบางอย่างทำให้มีความผิดพลาดเกิดขึ้นครับ ตอนนี้ผมแก้ไขและทดลองใช้แล้ว สามารถใช้โค๊ดตามที่โพสไว้ได้แล้วครับ
โดย: yaovarit วันที่: 12 สิงหาคม 2556 เวลา:8:38:45 น.
  
เย้!!!ทำได้แร้วค่าา
โดย: แก้วศกุลตลา วันที่: 12 สิงหาคม 2556 เวลา:18:42:37 น.
  
รบกวนถามโค๊ดที่ซ่อนวีดีโอให้มีแต่เสียง เอาไปลองทำแต่มันไม่ได้น่ะค่ะ
โดย: แก้วศกุลตลา วันที่: 15 สิงหาคม 2556 เวลา:5:40:24 น.
  
ขอบคุณค่ะจะลองทำดู
โดย: แก้วศกุลตลา วันที่: 15 สิงหาคม 2556 เวลา:21:07:40 น.
  






ใส่ไม่ได้ค่ะ เอาโค๊ตวางที่ไหนค่ะ วางที่เขียนblog ใหม่ ขึ้นแต่ชื่อเพลงค่ะ เพลงไม่ขึ้นค่ะ วางที่slogand ก็ไม่ได้ วางที่script area ก็ขึ้นด้านขวาของblog ต้องการให้ขึ้นตรงกลางblog และเฉพราะblog ค่ะ ขอบคุณค่ะ
โดย: คุณย่า (lan un ) วันที่: 18 สิงหาคม 2556 เวลา:17:00:25 น.
  
ถ้าต้องการให้แสดงหน้าเดียวก็วางไว้ที่เนื้อหาของแต่ละหน้าเลยครับ ถ้าใส่ที่ script area จะขึ้นทุกหน้า ทดลองทำดูใหม่ครับ โค๊ดใช้งานได้ปกติ
โดย: yaovarit วันที่: 18 สิงหาคม 2556 เวลา:17:25:49 น.
  





วันนี้ใส่ได้แล้วค่ะ
ขอบคุณมากค่ะ
แต่ยังเปลี่ยนเพลงไม่ได้ค่ะ กำลังพยามอยู่
ค่ะ เมื่อวาน หมด หมาก ไปหลายคำค่ะ
เลยต้องพัก มาต่อวันนี้ค่ะ ขอบคุณมากค่ะ
โดย: คุณย่า (lan un ) วันที่: 19 สิงหาคม 2556 เวลา:22:52:58 น.
  
ถ้าต้องการเปลี่ยนเพลงในหน้าที่ใส่เพลงแบบซ่อนไว้ ที่หน้าแก้ไขให้กดเข้าไปแก้ที่ คลิก เพื่อกลับไปเขียน Blog ในรูปแบบเดิม เพื่อแก้ไขนะครับ มองหาสคริปที่เราลงไว้
โดย: yaovarit วันที่: 20 สิงหาคม 2556 เวลา:19:51:05 น.
  





ทำได้แล้วค่ะ
ขอบคุณมากๆๆๆ ค่ะ
โดย: คุณย่า (lan un ) วันที่: 21 สิงหาคม 2556 เวลา:19:52:48 น.
  


สวัสดีค่ะ

โอ้โห Head blog สวยมาก ถูกใจเลย
ตั้งใจจะทำประมาณนี้ค่ะ แต่ทำได้เ่ท่า
ที่เห็นค่ะ
โดย: คุณย่า (lan un ) วันที่: 28 สิงหาคม 2556 เวลา:21:04:46 น.
  
ตรงช่องคอมเมนต์ใส่โค๊ดไม่ได้ครับ มันไม่โชว์ ใส่เครื่องหมาย * ไว้หลัง < ถ้าต้องการให้โชว์ครับ
โดย: yaovarit วันที่: 1 กันยายน 2556 เวลา:8:33:36 น.
  
ผมว่าโค๊ดของคุณถูกแล้วนะครับ น่าจะมีปัญหาที่บล็อกแก็งค์เองมากกว่า ผมเองก็ลองทำแล้วทำไม่ได้เลย

<embed src="//www.youtube.com/v/ezdbBp9GSz0?&autoplay=1;loop=1;playlist=ezdbBp9GSz0"hidden=true></embed>
โดย: yaovarit วันที่: 1 กันยายน 2556 เวลา:8:57:38 น.
  
สวัสดีค่ะคุณ yaovarit ขอบคุณมากนะคะที่แนะนำโค๊ดให้ค่ะ ได้ขออนุญาตเอาไปใช้แล้วค่ัะ ใช้ได้เลยค่ะ ต้องขอขอบคุณมากๆนะคะเพราะงมโข่งหาอยู่ จนดึกหลายคืนมาแล้วค่ะ เพิ่งมาเจอที่บล็อกของคุณดีใจมากมายค่ะ

กิ่งโหวตให้เลยค่ะ

บันทึกการโหวต Blog ในวันนี้

ผู้เขียน Blog หมวดเนื้อหา Blog ได้รับโหวต
yaovarit About Weblog ดู Blog
ระบบจะบันทึกคะแนนโหวต เฉพาะการโหวต 5 ครั้งล่าสุดในแต่ละวันเท่านั้น

หลับฝันดีมีความสุขนะคะ

ราตรีสวัสดิ์ค่ะ

โดย: กิ่งฟ้า วันที่: 14 กันยายน 2556 เวลา:0:45:43 น.
  
ทำได้แล้วค่ะ ขอบคุณมากนะคะ
โดย: mnopq วันที่: 14 กันยายน 2556 เวลา:12:58:47 น.
  
ขอบคุณทุกๆท่านที่เข้าเยี่ยมและแสดงความคิดเห็นครับ หวังว่าเนื้อหาคงเป็นประโยชน์สำหรับท่านที่สนใจนะครับ
โดย: yaovarit วันที่: 15 กันยายน 2556 เวลา:19:52:48 น.
  




ลองแก้ไขบล็อกแล้วดูดีขึ้นค่ะ แต่เพลงซิ
ยังเงียบอยู่ ขอบคุณมากค่ะ
คณย่า
โดย: lan un วันที่: 16 กันยายน 2556 เวลา:1:21:59 น.
  
ขอบคุณครับ
ที่เอื้อเฟื้อข้อมูล น้ำใจยิ่งใหญ่มาก
โดย: P_ปรัชญา วันที่: 25 กันยายน 2556 เวลา:10:37:52 น.
  
สวัสดียามดึกค่ะคุณ yaovarit ขออนุญาตมาก็อบโค๊ดอีกครั้งนะคะ ขอบคุณมากมายค่ะกิ่งเอาไปใชแล้วได้เพลงประกอบบล็อกที่ไพเราะมากๆค่ะ

หลับฝันดีมีความสุขนะคะ หวังว่าคงแวะเวียนไปฟังผลงานของคุณที่บล็อกกิ่งบ้างนะคะ
โดย: กิ่งฟ้า วันที่: 28 กันยายน 2556 เวลา:1:06:12 น.
  
โดย: lan un วันที่: 29 กันยายน 2556 เวลา:15:04:10 น.
  
เป็นวิธีที่ง่ายมาก
ขอบคุณค่ะ
โดย: นุ่มณอ่อนนุช วันที่: 30 กันยายน 2556 เวลา:22:11:27 น.
  
ขอบคุณมากครับ หาตั้งนาน ^^
โดย: l3luel3loods IP: 110.168.17.86 วันที่: 9 ตุลาคม 2556 เวลา:2:34:22 น.
  
สวัสดีค่ะ
สะบายดีนะคะ
ขยันเหมือนเดิมนะคะ
มาเล่นกับ moo mooค่ะ

โดย: lan un วันที่: 20 ตุลาคม 2556 เวลา:14:53:47 น.
  
ขอบพระคุณล่วงหน้าครับ เดี๋ยวต้องเอาไปลองก่อนนะครับผม ^^
โดย: วนารักษ์ IP: 125.25.79.175 วันที่: 15 พฤศจิกายน 2556 เวลา:22:01:30 น.
  

สวัสดีค่ะ สะบายดีนะคะ ทำ บล็อก ใหม่สวยมาก
เปิดเข้ามางง นึกว่าเข้าผิด บล็อก แล้ว
โดย: lan un วันที่: 24 พฤศจิกายน 2556 เวลา:21:32:46 น.
  
ขอบคุณมากค่ะ
โดย: VioLentBlackMay วันที่: 27 พฤศจิกายน 2556 เวลา:19:52:28 น.
  
โดย: lan un วันที่: 25 ธันวาคม 2556 เวลา:16:13:50 น.
  
ได้แล้วคระ ขอบคุณพี่ มาก นะ คะ
โดย: cyberlifenlearn.bloggang.com IP: 49.230.135.41 วันที่: 30 ธันวาคม 2556 เวลา:17:56:00 น.
  
ขอบคุณมากค่ะ ใช้ได้จริง เยี่ยมมากๆ^0^
โดย: ฮูหยินแก้ม วันที่: 3 กุมภาพันธ์ 2557 เวลา:2:42:47 น.
  
ขอบคุณมากค่ะ ใช้ได้จริง มือใหม่ อิอิ
โดย: Melancholie วันที่: 21 พฤษภาคม 2557 เวลา:23:42:56 น.
  
ขอบคุณมากๆค่ะ ไปลองทำแล้ว
ใช้ได้แล้วค่ะ ดีใจจริงๆ
โดย: Banana Muffin วันที่: 15 มิถุนายน 2557 เวลา:0:12:56 น.
  
ใส่เพลงไม่ได้ค่ะ

เงียบ แล้วก้อมีโชว์โค้ดด้วยอ่ะค่ะ

โดย: เบื้องญวณ วันที่: 9 ตุลาคม 2557 เวลา:10:29:38 น.
  
ขอบคุณมากๆครับ
ที่เอื้อเฟื้อสิ่งดีๆ
โดย: wicsir วันที่: 9 มกราคม 2558 เวลา:20:20:30 น.
  
ขอบคุณมากๆค่า ^^
โดย: Thunder Eng วันที่: 4 พฤษภาคม 2558 เวลา:20:24:54 น.
  
ขอบคุณมากค่ะ
อยากลงเพลงโดยไม่ต้องหาที่ฝากไฟล์มานานมาก
ต่อไปนี้จะได้มีเพลงเพราะลงบล็อกในเพจที่อยากใส่เพลงแล้วค่ะ
โดย: Kluaytub วันที่: 7 มิถุนายน 2558 เวลา:13:58:12 น.
  
ขอบคุณครับผม
โดย: วัคคุวัท วันที่: 16 กรกฎาคม 2558 เวลา:0:44:26 น.
  
ขอบคุณค่ะ
โดย: nuch9981 วันที่: 31 ตุลาคม 2558 เวลา:1:02:11 น.
  
สวัสดีค่ะ

อยากได้โค้ดเพลงใส่บล็อกแบบเล่นวนซ้ำได้ค่ะ
โค้ดที่อยู่ในบล็อกนี้ //goo.gl/5y0wWo
คงไม่อัพเดทแล้วนะคะ ลองแล้วใช้ไม่ได้ค่ะ

ถ้ายังไงรบกวนแวะไปตอบที่บล็อกเราด้วยนะคะ
ขอบคุณค่ะ
โดย: ฟ้าใสวันใหม่ วันที่: 17 สิงหาคม 2559 เวลา:21:40:31 น.
  
ไม่ต้องแล้วค่ะ ฟ้าใสทำได้แล้ว
โดย: ฟ้าใสวันใหม่ วันที่: 18 สิงหาคม 2559 เวลา:10:14:26 น.
  
ขอบคุณคับ
โดย: molakun1918 วันที่: 12 ตุลาคม 2559 เวลา:13:53:34 น.
  
ขอบคุณมากๆค่ะ
โดย: เกศสุริยง วันที่: 21 มกราคม 2560 เวลา:11:28:02 น.
ชื่อ :
Comment :
 *ใช้ code html ตกแต่งข้อความได้เฉพาะสมาชิก
 

Yaovarit.BlogGang.com

yaovarit
Location :
กรุงเทพฯ  Thailand

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 33 คน [?]

บทความทั้งหมด