วิธีการแทรกวิดีโอใน HTML

วิธีการแทรกวิดีโอใน HTML

หากเว็บไซต์ของคุณต้องการวิดีโออย่างเร่งด่วน แต่วิธีการทำด้วยรหัส HTML ไม่ทราบข้อมูลจากนั้นคุณจะพบคำแนะนำโดยละเอียดสำหรับการสร้างในบทความนี้ โปรดทราบว่าคุณต้องเทวิดีโอที่บริการใด ๆ ก่อนหน้านี้: YouTube, วิดีโอ Yandex, Vimeo, Rutube, Mail เพียงแค่ดาวน์โหลดวิดีโอและรับลิงค์โดยตรงคุณสามารถใส่ไว้ในรหัส

1
ไปที่บริการโหลดวิดีโอใด ๆ บทความนี้จะใช้ตัวอย่าง YouTube คลิกที่ไอคอนบูตสีเทาทางด้านบน

2
ลากวิดีโอที่ต้องการโดยตรงไปยังหน้าต่างดาวน์โหลดหรือคลิกที่มันและเลือกไดเรกทอรีที่มีวิดีโอที่ต้องการด้วยตนเอง

3
รอสักครู่ในขณะที่ไฟล์จากวิดีโอถูกโหลด หลังจากนั้นให้คัดลอกลิงค์ไปยังแถบค้นหาจากด้านบน

4
ตอนนี้ใช้เป็นตัวอย่างรหัสดังกล่าว:

แท็ก \u003ch2\u003e ที่ใส่วิดีโอลงในรหัส HTML \u003c/ h2\u003e - นี่คือส่วนหัวของคุณในวิดีโอหากคุณต้องการคุณไม่สามารถแทรกลงในไฟล์ได้เลย แต่มีคำอธิบายกับเขากับวิดีโอ ไฟล์จะชัดเจนขึ้น

แท็ก \u003ciframe width \u003d "560" สูง \u003d "315" ... ตั้งค่าความสูงและความกว้างของหน้าต่างวิดีโอวิดีโอ เปลี่ยนเป็นค่าอื่น ๆ หากคุณไม่สามารถใส่แม่แบบได้

ถัดไปแถว SRC \u003d "/ /https://www.youtube.com/watch?v\u003d3cclosc26lw "ระบุลิงค์ไปยังวิดีโอคลิปของคุณคุณต้องคัดลอกสตริงนี้ในขั้นตอนที่สาม

และเสร็จสิ้นรายการรหัส - FrameBorder \u003d "0" Allowfulllscreen\u003e \u003c/ Iframe\u003e สิ่งนี้ยกเลิกเฟรมวิดีโอและปิดแท็กก่อนหน้านี้

รหัสทั้งหมดใช้รูปแบบนี้:

\u003ch2\u003e ใส่วิดีโอลงในรหัส html \u003c/ h2\u003e
\u003ciframe width \u003d "560" ความสูง \u003d "315" SRC \u003d "/ /https://www.youtube.com/watch?v\u003d3cclosc26lw "frameBorder \u003d" 0 "อนุญาตให้มีความละเอียด\u003e \u003c/ iframe\u003e

คัดลอกและแทนที่ค่าของคุณในรหัสนี้เพื่อให้วิดีโอปรากฏขึ้นในหน้าที่ระบุ

เพื่อรักษาความปลอดภัยวัสดุให้ดูวิดีโอคลิปด้านล่าง:

เพิ่มความคิดเห็น

อีเมลของคุณจะไม่ถูกเผยแพร่ ฟิลด์บังคับถูกทำเครื่องหมาย *

ปิด