ขั้นตอนที่ 1 เข้าไปยังเว็บไซต์ยูทูบ ค้นหาวิดีโอที่ถูกใจ จนได้ภาพปรากฏ เช่น
ขั้นตอนที่ 2 คลิกที่ปุ่ม “ฝัง” หรือ “Embed” (ในวงกลมหมายเลข 1)
ขั้นตอนที่ 3 ก็อปปี้โค๊ดที่อยู่ในกรอบสี่เหลี่ยมหมายเลข 2 ไปวางไว้ในบล็อกของเรา (ในส่วนของรายละเอียด)
เพียงเท่านี้ก็สามารถนำคลิปวิดีโอจากยูทูบมาใส่ในบล็อกของเราได้แล้ว ง่ายจริง ๆ มีตัวอย่างให้ชมด้านล่างครับ
ตัวอย่างที่ 1
http://www.youtube.com/watch?v=OiNk1f5rHa8
ถ้าใช้โค๊ดที่ได้จากยูทูปล้วน ๆ จะได้ผลลัพธ์ลักษณะนี้ โดยต้องคลิกที่ปุ่ม play จึงจะเริ่มเล่น และจะเล่นเพียงรอบเดียว
คลิปวิดีโอ
โค๊ด
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/OiNk1f5rHa8?rel=0" frameborder="0" allowfullscreen></iframe>
ตัวอย่างที่ 2
http://www.youtube.com/watch?v=Lt--_1vqhac
และต้องการให้แสดงคลิปทันทีที่เปิด (ซึ่งเรียกว่า autoplay) ทำได้โดยเพิ่มคำสั่ง &autoplay=1 ต่อท้ายคำสั่ง rel=0 ดังนี้
คลิปวิดีโอ
โค๊ด
<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/Lt--_1vqhac?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
ตัวอย่างที่ 3
http://www.youtube.com/watch?v=-7lP2XtvrPg
และต้องการให้แสดงคลิปทันทีที่เปิด (autoplay) และให้เล่นวนซ้ำไปเรื่อย ๆ (loop) ต้องใช้โค๊ดที่ได้จากยูทูปอีกแบบหนึ่ง และเพิ่มคำสั่ง &autoplay=1&loop=1 ต่อท้ายคำสั่ง fs=1 ดังนี้
คลิปวิดีโอ
โค๊ด
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/-7lP2XtvrPg?hl=th&fs=1 &autoplay=1&loop=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/-7lP2XtvrPg?hl=th&fs=1&autoplay=1&loop=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น