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

ความรู้เกี่ยวกับ XML RML และ ภาษา Markup อื่นๆ

Moderator: mindphp, ผู้ดูแลกระดาน

Before Dong
PHP VIP Members
PHP VIP Members
โพสต์: 1569
ลงทะเบียนเมื่อ: 26/06/2017 10:11 am

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

โพสต์ที่ยังไม่ได้อ่าน โดย Before Dong »

หลายคนประสบปัญหาเวลาเขียนเว็ปที่อยากจะนำคลิปวีดีโอที่ชอบมาแสดงแต่ไม่มีไฟล์วีดีโอ ดังนั้นวันนี้จะมาแนะนำวิธีดึงคลิปจาก Youtube มาแสดงบนเว็ปไซต์ด้วย iframeอย่างง่ายๆ ดังนี้
1.เลือกคลิปที่ต้องการแล้วกดคลิกขวาเลือก 'คัดลอกโค้ดสำหรับฝัง'
คลิป (1).png
คลิป (1).png (58.58 KiB) Viewed 4900 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 4900 times
  • Similar Topics
    ตอบกลับ
    แสดง
    โพสต์ล่าสุด

ผู้ใช้งานขณะนี้

สมาชิกกำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และบุคลทั่วไป 26