วันศุกร์ที่ 13 ธันวาคม พ.ศ. 2556

วิธีการทำให้ You Tube เล่นอัตโนมัติ และการปรับขนาดวีดีโอ


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

ถ้าต้องการให้วิดิโอเล่นอัตโนมัติทันทีเมื่อเปิดหน้าเว็บไซต์ โดยไม่ต้องคลิก Play วันนี้ผมมีเคล็ดลับมาบอกโดยมีวิธีการทำง่ายๆ มาแนะนำครับ

1. เบื้องต้นให้คัดลอกโค้ดวีดีโอจากเว็บไซต์ที่ต้องการ ซึ่งปัจจุบันจะเป็นโค้ดคำสั่งแบบ iframe ยกตัวอย่าง เช่น Code วีดีโอจาก YouTube  จะมีลักษณะดังนี้ครับ


<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/mz7SBVEjk_Q" width="420">
 </iframe>


2. สำหรับวิธีการทำให้วีดีโอที่แสดงผลบนหน้าเว็บไซต์เล่นอัตโนมัติ  ให้พิมพ์คำสั่ง  ?&autoplay=1 ต่อท้าย url ของวีดีโอ (คือ url ที่อยู่หลังคำสั่ง src= )  ซึ่งตามตัวอย่าง url คือ http://www.youtube.com/embed/mz7SBVEjk_Q

เมื่อเพิ่มคำสั่ง ?&autoplay=1 จะได้ Code เป็นดังนี้

<iframe allowfullscreen="" frameborder="0" height="315" src="//www.youtube.com/embed/mz7SBVEjk_Q?&autoplay=1" width="420">
 </iframe>


(ข้อแนะนำ เมื่อเพิ่มคำสั่งเล่นวีดีโออัตโนมัติ ต้องให้โค้ดที่เพิ่มอยู่ภายในเครื่องหมาย " " ของ url ด้วยจ้ะ)


3. นำ Code ที่เพิ่มคำสั่งเล่นวีดีโออัตโนมัติ ไปแสดงผลบนหน้าเว็บไซต์ โดย paste คำสั่งในภาษา HTML ของเว็บได้เลย

4.ถ้าต้องการปรับขนาดของวีดีโอ ก็เปลี่ยนตัวเลข width="420" height="315" ให้เป็นตัวเลข มากหรือน้อย ตามที่ เราต้องการ
เช่น width="320" height="240"

มาฝึกปฎิบัติกันเลยครับ
แสดงผลวิดิโอก่อนการเพิ่มโค้ด Autoplay ครับ



แสดงผลวีดีโอที่เล่นอัตโนมัติบนหน้าเว็บไซต์
พร้อมกับปรับลดขนาดให้ดู



เกี่ยวกับผู้เขียน

วัชรา ขนิษฐบุตร สนใจด้านการทำตลาดออนไลน์
คุณสามารถแวะชมเว็บไซด์ของเขาได้ที่
http://mainblog-forqiu.blogspot.com/
เฟสบุค https://www.facebook.com/dimond.brotherson
ลงทะเบียนศึกษาธุรกิจออนไลน์ฟรี
http://www.elite-powerteam.com/siwalimygifts123/
แฟนเพจ https://www.facebook.com/forha3120600677498

ไม่มีความคิดเห็น:

แสดงความคิดเห็น