เกร็ดความรู้
ขั้นตอนการใช้ภาพตัวอย่างที่แสดงบน youtube ให้เป็นภาพนิ่งไฟล์.jpg โดยการใช้ url ของภาพจาก Youtube
ท่านคงเคยเห็นภาพนิ่ง จากวิดีโอ youtube นะครับ แต่เคยสังเกตใหมครับว่าภาพนี้คือภาพไฟล์.jpg นี่เอง
แล้วสงสัยใหมว่าที่อยู่ url ของภาพอยู่ที่ไหนล่ะ
เรามาดูวีธีทำกันเลยครับ
1.คัดลอก url จาก Youtube มาครับ
<iframe width="640" height="360" src="//www.youtube.com/embed/owrPGu_BzvQ" frameborder="0" allowfullscreen></iframe>
หรือ
http://www.youtube.com/watch?feature=player_embedded&v=owrPGu_BzvQ
หรือ
http://youtu.be/owrPGu_BzvQ
*สีแดงคือรหัสของวิดีโอ และภาพ
2.คัดลอกรหัสสีแดงดังกล่าววางลงช่องว่าง
http://i2.ytimg.com/vi/ /0.jpg
ดังตัวอย่าง
http://i2.ytimg.com/vi/owrPGu_BzvQ/0.jpg
*ท่านจะได้ url ของภาพจากYouTube ซึ่งเป็นไฟล์ .jpg
3.ท่านจะได้ภาพดังนี้
**ประโยชน์นี้ ท่านสามารถนำไปดัดแปลงในการใช้ประโยชน์ได้นะครับ สำหรับท่านที่เขียนเว็บไซต์ หรือ Blogger ก็จะสะดวกในการทำงานครับ ดังตัวอย่างต่อไปนี้
<iframe width="640" height="360" src="//www.youtube.com/embed/owrPGu_BzvQ?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
<img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/owrPGu_BzvQ/0.jpg" />
แล้วสงสัยใหมว่าที่อยู่ url ของภาพอยู่ที่ไหนล่ะ
เรามาดูวีธีทำกันเลยครับ
1.คัดลอก url จาก Youtube มาครับ
<iframe width="640" height="360" src="//www.youtube.com/embed/owrPGu_BzvQ" frameborder="0" allowfullscreen></iframe>
หรือ
http://www.youtube.com/watch?feature=player_embedded&v=owrPGu_BzvQ
หรือ
http://youtu.be/owrPGu_BzvQ
*สีแดงคือรหัสของวิดีโอ และภาพ
2.คัดลอกรหัสสีแดงดังกล่าววางลงช่องว่าง
http://i2.ytimg.com/vi/ /0.jpg
ดังตัวอย่าง
http://i2.ytimg.com/vi/owrPGu_BzvQ/0.jpg
*ท่านจะได้ url ของภาพจากYouTube ซึ่งเป็นไฟล์ .jpg
3.ท่านจะได้ภาพดังนี้
http://i2.ytimg.com/vi/owrPGu_BzvQ/0.jpg
http://i2.ytimg.com/vi/owrPGu_BzvQ/1.jpg
http://i2.ytimg.com/vi/owrPGu_BzvQ/2.jpg
http://i2.ytimg.com/vi/owrPGu_BzvQ/3.jpg
**อธิบายจากภาพด้านบน
ถ้าหากเราเปลี่ยนตัวเลขสีแดง 0 1 2 3 ก็จะได้ภาพในช่วงต่างๆ
**ประโยชน์นี้ ท่านสามารถนำไปดัดแปลงในการใช้ประโยชน์ได้นะครับ สำหรับท่านที่เขียนเว็บไซต์ หรือ Blogger ก็จะสะดวกในการทำงานครับ ดังตัวอย่างต่อไปนี้
<iframe width="640" height="360" src="//www.youtube.com/embed/owrPGu_BzvQ?feature=player_embedded" frameborder="0" allowfullscreen></iframe>
<img border="0" height="0" width="0" src="http://i2.ytimg.com/vi/owrPGu_BzvQ/0.jpg" />
ขอบคุณ
มิวสิควิดีโอเพลงฝากเพลงลอยลม -ต่าย อรทัย
มิวสิควิดีโอเพลงฝากเพลงลอยลม -ต่าย อรทัย
แสดงความคิดเห็น
0 ความคิดเห็น