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

Post a reply


In an effort to prevent automatic submissions, we require that you complete the following challenge.
Smilies
:icon_plusone: :like: :plusone: :gfb: :-D :) :( :-o 8O :? 8) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: :angry: :baa: :biggrin:
View more smilies

BBCode is ON
[img] is ON
[flash] is OFF
[url] is ON
Smilies are ON

Topic review
   

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

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

by Before Dong » 27/06/2017 11:53 am

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

Code: Select all

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

3.นำ Code ไปใส่ใน HTML

Code: Select all

<!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 1829 times

Top