วันอังคารที่ 29 เมษายน พ.ศ. 2557

วิธีดึงไฟล์วิดีโอจาก Instagram มาแสดงบนเว็บไซต์

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

ใช้ได้ทั้ง Firefox และ Google Chrome ในที่นี้แอดมินขอสาธิตด้วย Firefox วิดีโอที่นำมาใช้ เป็นวิดีโอที่พึ่งจะอัพเดทขึ้นแสดงบนเว็บ O-DENG เมื่อไม่นานมานี้นี่เอง (โชว์ซุมภาพด้วย Samsung Galaxy K Zoom)


วิธีดึงไฟล์วิดีโอจาก Instagram มาแสดงบนเว็บไซต์
1. เปิด Firefox

2. ไปที่ Instagram เปิดวิดีโอที่ต้องการนำขึ้นเว็บขึ้นมาคลิกขวาที่วิดีโอเลือก ตรวจดูส่วนประกอบ

3. จะมีโค้ดแสดงขึ้นมาให้หาโค้ดตามนี้ (ตัวหนังสือสีแดงและนำเงินคือ URL ที่ต้องเอาไปใช้ในขั้นตอนถัดไป)
<div class="Video vStatesHide Frame" data-reactid=".r[0].[0].[1].[0].[0].[0].[0].[0].[0].[1].[0]{frame708342694195428718}[0].[0]" style="width:100%;height:100%;" controls="true" poster="http://photos-h.ak.instagram.com/hphotos-ak-frc/915427_244829779056527_716217290_n.jpg" type="video/mp4" src="http://videos-g-0.ak.instagram.com/hphotos-ak-frc/10318156_1407205069557880_1889164964_n.mp4"></div>


4. ไปที่หน้าเว็บ v4e.thewikies.com 3 ช่องแรกให้ใส่ URL สีแดงลงไป ช่องที่ 4 ใส่ URL สีน้ำเงิน


นอกจากนี้ยังสามารถกำหนดขนาดแนวตั้งแนวนอนของวิดีโอและชนิดของโค้ดได้ด้วย สังเกตุว่าจะมีหัวลูกศรชี้ขึ้นมาด้านล่างกดเข้าไปเพื่อ Copy โค้ดแล้วนำไปวางที่เว็บไซต์ได้เลย


ตัวอย่างวิดีโอที่ถูกนำขึ้นแสดงบนเว็บ http://www.o-deng.com/2014/04/samsung-galaxy-k-zoom.html จบแล้วครับสำหรับขั้นตอนการนำวิดีโอจากอินสตาแกรมไปแสดงที่เว็บไซต์ หากใครติดปัญหาอะไรสามารถสอบถามแอดมินได้ที่คอมเมนต์ได้เลย


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

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