Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

การเพิ่มวิดีโอ YouTube บนเว็บเพจ HTML


ส่งวิดีโอจาก YouTuvbe ไปยังหน้าเว็บของคุณได้อย่างง่ายดาย คุณต้องฝังวิดีโอเท่านั้น

ขั้นแรก รับรหัสวิดีโอ −

ขั้นที่ 1 :ไปที่วิดีโอและคลิกขวาที่วิดีโอ เลือก “สถิติสำหรับผู้สนใจ” −

การเพิ่มวิดีโอ YouTube บนเว็บเพจ HTML

เมื่อคลิก คุณจะได้รับกล่องโต้ตอบที่แสดงสถิติดังต่อไปนี้ -

การเพิ่มวิดีโอ YouTube บนเว็บเพจ HTML

ด้านบนคุณจะเห็นรหัสวิดีโอคือ F6m0ghjadlw ตอนนี้ เราจะฝังวิดีโอเดียวกันโดยใช้รหัสของมัน -

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server:</p>
   <iframe height="350" width="600"
      src="https://www.youtube.com/embed/F6m0ghjadlw">
   </iframe>
</body>
</html>

ผลลัพธ์

ต่อไปนี้เป็นผลลัพธ์ที่แสดงว่าเราได้ฝังวิดีโอ YouTube บนหน้าเว็บเรียบร้อยแล้ว -

การเพิ่มวิดีโอ YouTube บนเว็บเพจ HTML

คุณยังสามารถทำสิ่งเดียวกันนี้ได้โดยใช้แท็ก ต่อไปนี้เป็นรหัส HTML -

ตัวอย่าง

<!DOCTYPE html>
<html>
<head>
   <title>Learn WordPress</title>
</head>
<body>
   <h1>WordPress Installation</h1>
   <p>Following is the video demonstrating how to install WordPress on localhost using
   XAMPP Server (video uploaded using embed element):</p>
   <embed height="350" width="600" src="https://www.youtube.com/embed/F6m0ghjadlw">
</body>
</html>

ผลลัพธ์

ผลลัพธ์จะแสดงวิดีโอที่ฝังสำเร็จ -

การเพิ่มวิดีโอ YouTube บนเว็บเพจ HTML