วิธีดึงคลิปจาก youtube มาแสดงในเว็ปไซต์ด้วย iframe HTML
โพสต์แล้ว: 27/06/2017 11:53 am
หลายคนประสบปัญหาเวลาเขียนเว็ปที่อยากจะนำคลิปวีดีโอที่ชอบมาแสดงแต่ไม่มีไฟล์วีดีโอ ดังนั้นวันนี้จะมาแนะนำวิธีดึงคลิปจาก Youtube มาแสดงบนเว็ปไซต์ด้วย iframeอย่างง่ายๆ ดังนี้
1.เลือกคลิปที่ต้องการแล้วกดคลิกขวาเลือก 'คัดลอกโค้ดสำหรับฝัง' 2.จะได้ Code
โดยสามารถปรับ width ความกว้าง และ height ความสูงของคลิปที่เราจะมาแสดงบนเว็ปไซต์ได้ตามต้องการ ส่วน allowfullscreen คือทำให้สามารถดูคลิปได้แบบเต็มจอ
3.นำ Code ไปใส่ใน HTML
4.ผลลัพธ์
1.เลือกคลิปที่ต้องการแล้วกดคลิกขวาเลือก 'คัดลอกโค้ดสำหรับฝัง' 2.จะได้ Code
โค้ด: เลือกทั้งหมด
<iframe width="854" height="400"
src="https://www.youtube.com/embed/t2ByLmLnYJ8" allowfullscreen></iframe>
3.นำ Code ไปใส่ใน HTML
โค้ด: เลือกทั้งหมด
<!DOCTYPE html>
<html>
<body>
<h1>ตัวอย่างคลิปวีดีโอจาก Youtube </h1>
<iframe width="854" height="400"
src="https://www.youtube.com/embed/t2ByLmLnYJ8" allowfullscreen></iframe>
</body>
</html>
4.ผลลัพธ์