วิธีดึงคลิปจาก youtube มาแสดงในเว็ปไซต์ด้วย iframe HTML

ตอบกระทู้

รูปแสดงอารมณ์
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
รูปแสดงอารมณ์อื่นๆ
BBCode เปิด
[img] เปิด
[url] เปิด
[Smile icon] เปิด
กระทู้แนะนำ
   

มุมมองที่ขยายได้ กระทู้แนะนำ: วิธีดึงคลิปจาก youtube มาแสดงในเว็ปไซต์ด้วย iframe HTML

วิธีดึงคลิปจาก youtube มาแสดงในเว็ปไซต์ด้วย iframe HTML

โดย Before Dong » 27/06/2017 11:53 am

หลายคนประสบปัญหาเวลาเขียนเว็ปที่อยากจะนำคลิปวีดีโอที่ชอบมาแสดงแต่ไม่มีไฟล์วีดีโอ ดังนั้นวันนี้จะมาแนะนำวิธีดึงคลิปจาก Youtube มาแสดงบนเว็ปไซต์ด้วย iframeอย่างง่ายๆ ดังนี้
1.เลือกคลิปที่ต้องการแล้วกดคลิกขวาเลือก 'คัดลอกโค้ดสำหรับฝัง'
คลิป (1).png
คลิป (1).png (58.58 KiB) Viewed 5000 times
2.จะได้ Code

โค้ด: เลือกทั้งหมด

<iframe width="854" height="400"
src="https://www.youtube.com/embed/t2ByLmLnYJ8" allowfullscreen></iframe>
โดยสามารถปรับ width ความกว้าง และ height ความสูงของคลิปที่เราจะมาแสดงบนเว็ปไซต์ได้ตามต้องการ ส่วน allowfullscreen คือทำให้สามารถดูคลิปได้แบบเต็มจอ

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.ผลลัพธ์
clip.png
clip.png (49.28 KiB) Viewed 5000 times

ข้างบน