|
| 1 | 2 |
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
|
|
|
|
|
|
|
การตกแต่งบล็อกสำหรับมือใหม่ #9 การใส่คลิปจากยูทูบ
ปัจจุบันการนำคลิปจากเว็บไซต์ยูทูบ (https://www.youtube.com) มาใส่ในบล็อกของเราเป็นเรื่องที่ทำได้ง่าย ๆ มีขั้นตอนเพียงไม่กี่ขั้นก็สามารถทำได้แล้ว วันนี้เราจะมาลองทำกันครับ
ขั้นตอนที่ 1 เข้าไปยังเว็บไซต์ยูทูบ ค้นหาวิดีโอที่ถูกใจ จนได้ภาพปรากฏ เช่น
ขั้นตอนที่ 2 คลิกที่ปุ่ม ฝัง หรือ Embed (ในวงกลมหมายเลข 1)
ขั้นตอนที่ 3 ก็อปปี้โค๊ดที่อยู่ในกรอบสี่เหลี่ยมหมายเลข 2 ไปวางไว้ในบล็อกของเรา (ในส่วนของรายละเอียด)
เพียงเท่านี้ก็สามารถนำคลิปวิดีโอจากยูทูบมาใส่ในบล็อกของเราได้แล้ว ง่ายจริง ๆ มีตัวอย่างให้ชมด้านล่างครับ
ตัวอย่างที่ 1
https://www.youtube.com/watch?v=OiNk1f5rHa8
ถ้าใช้โค๊ดที่ได้จากยูทูปล้วน ๆ จะได้ผลลัพธ์ลักษณะนี้ โดยต้องคลิกที่ปุ่ม play จึงจะเริ่มเล่น และจะเล่นเพียงรอบเดียว
คลิปวิดีโอ
โค๊ด
<iframe title="YouTube video player" width="480" height="390" src="https://www.youtube.com/embed/OiNk1f5rHa8?rel=0" frameborder="0" allowfullscreen></iframe>
ตัวอย่างที่ 2
https://www.youtube.com/watch?v=Lt--_1vqhac
และต้องการให้แสดงคลิปทันทีที่เปิด (ซึ่งเรียกว่า autoplay) ทำได้โดยเพิ่มคำสั่ง &autoplay=1 ต่อท้ายคำสั่ง rel=0 ดังนี้
คลิปวิดีโอ
โค๊ด
<iframe title="YouTube video player" width="480" height="390" src="https://www.youtube.com/embed/Lt--_1vqhac?rel=0&autoplay=1" frameborder="0" allowfullscreen></iframe>
ตัวอย่างที่ 3
https://www.youtube.com/watch?v=-7lP2XtvrPg
และต้องการให้แสดงคลิปทันทีที่เปิด (autoplay) และให้เล่นวนซ้ำไปเรื่อย ๆ (loop) ต้องใช้โค๊ดที่ได้จากยูทูปอีกแบบหนึ่ง และเพิ่มคำสั่ง &autoplay=1&loop=1 ต่อท้ายคำสั่ง fs=1 ดังนี้
คลิปวิดีโอ
โค๊ด
<object width="425" height="344"><param name="movie" value="https://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="https://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>
Create Date : 08 เมษายน 2554 |
Last Update : 31 สิงหาคม 2554 10:34:21 น. |
|
17 comments
|
Counter : 2325 Pageviews. |
|
|
|
โดย: oranuch_sri วันที่: 12 เมษายน 2554 เวลา:5:24:56 น. |
|
|
|
โดย: Venomjung วันที่: 14 เมษายน 2554 เวลา:11:10:26 น. |
|
|
|
โดย: Hi Aoy วันที่: 10 มิถุนายน 2554 เวลา:9:34:13 น. |
|
|
|
โดย: ทองกาญจนา วันที่: 10 มิถุนายน 2554 เวลา:18:07:05 น. |
|
|
|
โดย: Guyblazz วันที่: 24 มิถุนายน 2554 เวลา:15:02:44 น. |
|
|
|
โดย: Guyblazz วันที่: 24 มิถุนายน 2554 เวลา:15:11:50 น. |
|
|
|
โดย: faisai วันที่: 16 กรกฎาคม 2554 เวลา:8:51:04 น. |
|
|
|
โดย: busabap วันที่: 15 สิงหาคม 2554 เวลา:22:50:44 น. |
|
|
|
โดย: pocha_t วันที่: 11 กันยายน 2554 เวลา:15:19:15 น. |
|
|
|
โดย: Stellamaris (chay_tbh ) วันที่: 12 ธันวาคม 2554 เวลา:5:09:54 น. |
|
|
|
โดย: Madam O วันที่: 16 ธันวาคม 2554 เวลา:0:51:32 น. |
|
|
|
โดย: ostojska วันที่: 15 กุมภาพันธ์ 2555 เวลา:4:07:28 น. |
|
|
|
โดย: Teang_mo วันที่: 18 กุมภาพันธ์ 2555 เวลา:11:14:54 น. |
|
|
|
|
|
|
|