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

เว็บไซต์บนอินเทอร์เน็ตเป็นวิธีการส่งเสริมบริการหรือรายการ แต่ทรัพยากรเว็บไม่มีเนื้อหาสื่ออย่างไร แทบทุกไซต์มีวิดีโอที่อธิบายดึงดูดความสนใจ ดังนั้นเจ้าของทรัพยากรเว็บจึงเรียนรู้วิธีใส่วิดีโอลงใน HTML

วิธีการสร้างไซต์

ดังนั้นเว็บไซต์ - โอกาสที่จะนำเสนอข้อมูลแบบโต้ตอบ ดังที่คุณทราบทรัพยากรอินเทอร์เน็ตประกอบด้วยหน้าเว็บที่เชื่อมต่อกันโดยการเชื่อมโยงหลายมิติ ฉันจะสร้างเว็บไซต์ของตัวเองได้อย่างไร?

1. ใช้เทคโนโลยีการเขียนบล็อก หมายความว่าอย่างไร ลงทะเบียนบนเว็บไซต์และรับชื่อโดเมนระดับที่สอง ขอบคุณโอกาสนี้เจ้าของเว็บไซต์จึงกลายเป็นผู้บริหารทรัพยากรของเขาและได้รับสิทธิ์เข้าถึงแผงพิเศษ ด้วยความช่วยเหลือของคุณสามารถเปลี่ยน "brainchild" เพื่อความชอบของคุณ
2. ใช้ประโยชน์จากนักพัฒนาเว็บไซต์ที่พัฒนามากมายเช่น ucoz.ru, jimdo.com, setup.ru, Wix.com, A5.ru, Fo.ru, rusedu.net เป็นต้น
3. พัฒนาทรัพยากรทางอินเทอร์เน็ตผ่าน CMS นั่นคือระบบการจัดการไซต์
4. ออกแบบการออกแบบของคุณเอง "brainchild" และสร้างขึ้นใหม่โดยใช้ภาษาการเขียนโปรแกรม HTML

อย่างไรก็ตามวันนี้เกือบจะเป็นไปไม่ได้ที่จะสร้างเว็บไซต์ HTML แบบเต็มรูปแบบ แต่รู้ภาษานี้เค้าโครงหน้าเว็บสามารถปรับเปลี่ยนได้คุณสามารถเปลี่ยนโครงสร้างในเทมเพลตสำเร็จรูปได้

ส่วนประกอบของส่วนเทคโนโลยีเว็บ

เทคโนโลยีเว็บแบ่งออกเป็นองค์ประกอบพื้นฐานดังต่อไปนี้:

1. เครือข่ายคอมพิวเตอร์ชนิดต่างๆมีปฏิสัมพันธ์กันผ่านโปรโตคอล TCP / IP
2. เว็บกลายเป็นหนึ่งในแอ็พพลิเคชันทางอินเทอร์เน็ตที่มีไว้สำหรับการเผยแพร่ข้อมูลหลากหลายรูปแบบ
3. ในเทคโนโลยีเว็บผู้ให้บริการข้อมูลคือหน้าเว็บที่มีเนื้อหาสื่อ (กราฟิกวิดีโอเชื่อมโยงหลายมิติ) ดังนั้นคุณจำเป็นต้องรู้วิธีใส่วิดีโอลงใน HTML
4. เมื่อต้องการถ่ายโอนข้อมูลไฮเปอร์เท็กซ์เทคโนโลยีเว็บจะใช้โปรโตคอล HTTP
5. ในการออกแบบและสร้างเว็บเพจจะมีการใช้ HTML markup language ของ HTML
6. ในการดูแหล่งข้อมูลบนอินเทอร์เน็ตคุณจำเป็นต้องใช้เบราเซอร์

วิธีที่ 1: การแทรกเนื้อหาสื่อ (วิดีโอ) โดยใช้แท็ก HTML5

มีหลายวิธีที่จะแทรกเนื้อหาวิดีโอลงในเว็บเพจ มีสามตัวเลือก ได้แก่ แทรกผ่าน HTML เครื่องเล่นหรือ YouTube ในการเริ่มต้นคุณต้องสร้างไฟล์ HTML5 ปกติซึ่งจะมีสไตล์เพจและหัวเรื่องย่อยหลายส่วน หลังจากเตรียมคุณสามารถเลือกวิธีการใดวิธีการหนึ่งและเพลิดเพลินกับผลการค้นหา

1. ค้นหาส่วนหัวที่สามและเขียนโค้ดตรงด้านล่าง:
2. เปิดหน้าเว็บในเบราว์เซอร์และตรวจดูให้แน่ใจว่าวิดีโอปรากฏขึ้น
3. ตรวจสอบให้แน่ใจว่าได้ตั้งเส้นทางไปยังคลิปอย่างถูกต้อง
4. ในการแทรกวิดีโอในรูปแบบ HTML สามารถอ่านได้จากแผงควบคุมวิดีโอ พารามิเตอร์ควบคุมมีหน้าที่นี้

ควรสังเกตว่าวิธีนี้ไม่สามารถสังเกตได้สำหรับทุกคน ตัวอย่างเช่นในเบราว์เซอร์ Opera วิดีโอที่วางไว้ในลักษณะนี้จะไม่สามารถเล่นได้ เพื่อหลีกเลี่ยงสถานการณ์นี้คุณต้องแปลงวิดีโอเป็น Ogg Theora ประเภทเปลี่ยนรหัส

คุณสามารถแปลงไฟล์ผ่านบริการ online-convert.com จากนั้นคุณต้องเปลี่ยนรหัสนี้:

หากเบราเซอร์เก่าไม่เข้าใจแท็กโค้ดอาจมีลักษณะเช่นนี้

วิธีที่ 2 วิธีใส่วิดีโอใน HTML โดยใช้โปรแกรมเล่น

เนื้อหาวิดีโอสามารถแทรกลงใน HTML ได้โดยไม่ต้องอัปโหลดก่อนใครไปยังบริการวิดีโอ ดังนั้นคุณสามารถใช้สคริปต์ของผู้เล่นเพื่อใส่ภาพยนตร์ที่ต้องการลงในไซต์ที่มีนามสกุล. mp4 หรือ. flv ก่อนอื่นคุณต้องเลือกภาพยนตร์เอง จากนั้นคุณจะต้องเลือกหนึ่งในผู้เล่นฟรีมากมาย หรือคุณสามารถใช้ Flowplayer ได้

1. คุณจำเป็นต้องดาวน์โหลดไฟล์ของเครื่องเล่นที่ระบุไปยังเครื่องคอมพิวเตอร์
2. เปิดเครื่องรูดไปยังโฟลเดอร์เฉพาะในไซต์ที่สร้างขึ้น
3. เปิดไฟล์ HTML และเชื่อมต่อไฟล์ javascript ของผู้เล่นไปยังไฟล์ที่เตรียมไว้ ในการดำเนินการนี้คุณต้องเขียนโค้ดพิเศษภายในแท็ก HEAD สำคัญ : ระบุเส้นทางไปยังโฟลเดอร์อย่างถูกต้อง!
4. คุณต้องวางเครื่องเล่นไว้ในไฟล์ HTML ที่นี่คุณต้องกำหนดพา ธ ไปยังไฟล์อย่างถูกต้อง ทันทีระบุการตั้งค่าที่ห้ามไม่ให้วิดีโอเริ่มทำงานโดยอัตโนมัติ หากคุณต้องการให้วิดีโอเริ่มต้นเป็น "อัตโนมัติ" คุณควรนำเครื่องหมายจุลภาคออกหลังจากเส้นทางของไฟล์ปิดวงเล็บ (รอบ) และวางเครื่องหมายอัฒภาค

วิธีนี้ค่อนข้างง่ายและตรงไปตรงมาเพื่อเพิ่มวิดีโอลงใน HTML โดยวิธีการนี้ตัวเลือกนี้จะใช้โดยโปรแกรมเมอร์เว็บจำนวนมาก

วิธีที่ 3. แทรกวิดีโอใน HTML จาก Youtube

หลังจากสร้างไฟล์เตรียมการ HTML5 ขึ้นแล้วคุณสามารถเริ่มแทรกเนื้อหาวิดีโอจากบริการ YouTube ได้

1. ขั้นแรกคุณต้องเลือกวิดีโอคลิปที่จะอยู่ในหน้า ควรเก็บไว้ในเครื่องคอมพิวเตอร์
2. คุณต้องไปที่ youtube.com คุณควรสร้างบัญชีของคุณหรือลงชื่อเข้าใช้บัญชีที่มีอยู่
3. หลังจากลงชื่อเข้าใช้เพจใน YouTube แล้วคุณต้องคลิกปุ่ม "เพิ่มวิดีโอ" จากนั้นหน้าต่างจะปรากฏขึ้นซึ่งจะแจ้งให้คุณเลือกไฟล์ที่จะอัปโหลด วิดีโอที่เลือกจะถูกดาวน์โหลดหลังจากนั้นสักครู่
4. คุณสามารถไปที่ลิงค์ของไฟล์ที่ดาวน์โหลดซึ่งอยู่ที่ด้านบน
5. หากต้องการรับโค้ดสำหรับใส่วิดีโอคุณต้องคลิก "แชร์" และ "โค้ด HTML" หน้าจะแสดงรหัสโปรแกรมที่จำเป็น คุณสามารถระบุพารามิเตอร์ดังกล่าวเช่นโหมดความเป็นส่วนตัวขนาดวิดีโอความสามารถในการแสดงรายการที่คล้ายกัน
6. หลังจากตั้งค่าพารามิเตอร์รหัสจะถูกคัดลอกและวางลงในไฟล์ HTML ที่เตรียมไว้
7. ทุกอย่างพร้อมแล้ว ตอนนี้เป็นที่ชัดเจนว่าจะแทรกวิดีโอลงใน HTML จากบริการ YouTube ได้อย่างไร

ดังนั้นจึงมีหลายวิธีในการแทรกวิดีโอลงใน HTML ตัวเลือกใดที่จะเลือกคือสำหรับโปรแกรมเมอร์หรือเจ้าของเว็บไซต์ที่จะตัดสินใจ