เล่นแบบวิดีโอบน Web

ตามองค์ประกอบ HTML ที่คุณใช้ วิดีโอสามารถเล่น "แบบอินไลน์" หรือผ่าน "หลักฐาน" บางชนิด

วิดีโอแบบอินไลน์ (Inline Videos)

เมื่อวิดีโอถูกบรรจุในเว็บเพจ หรือเป็นส่วนหนึ่งของเว็บเพจ มันก็ถือว่าเป็นวิดีโอแบบอินไลน์

โดยใช้องค์ประกอบ <img> สามารถเพิ่มวิดีโอแบบอินไลน์ลงในเว็บเพจได้

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

คำแนะนำของเราคือ ให้ใส่วิดีโอแบบอินไลน์เฉพาะที่ผู้ใช้ต้องการฟังเสียงเท่านั้น ตัวอย่างเช่น คลิกลิงก์หนึ่งเพื่อดูวิดีโอหลังจากที่ผู้ใช้เปิดหน้าเว็บ

ใช้ปลั๊กอิน (Plug-In ปลั๊กอิน)

โปรแกรมหลักฐาน คือโปรแกรมที่สามารถเริ่มทำงานด้วยการเปิดบราวเซอร์เพื่อ "ช่วย" การเล่นวิดีโอโดยบราวเซอร์ โปรแกรมหลักฐานนี้ก็เรียกว่า ปลั๊กอิน (Plug-Ins)

โปรแกรมหลักฐานสามารถเริ่มทำงานด้วยการใช้องค์ประกอบ <embed> หรือ <applet> หรือ <object>

หนึ่งในประโยชน์ยักษ์ใหญ่ของโปรแกรมหลักฐานคือ อนุญาตให้ผู้ใช้ควบคุมตั้งค่าบางส่วนของโปรแกรมเล่นแบบตัวย่อ

โปรแกรมหลักฐานส่วนน้อยส่วนใหญ่อนุญาตให้ควบคุมตั้งค่าระดับเสียงและการเล่นเพลงผ่านการประกาศหรือระบบโปรแกรม อย่างเช่น ย้อนหลัง หยุด หยุดเล่น และเล่นต่อ

ใช้องค์ประกอบ <img>

Internet Explorer รองรับคุณสมบัติ dynsrc ในองค์ประกอบ <img>

ประกายภาพนี้มีความหมายที่จะใส่สื่อมัลติมีเดียในเว็บไซต์

<img dynsrc="video.avi" />

บรรยายรหัสคำสั่งดังกล่าวได้กำหนดแบบไฟล์ AVI ที่ใส่ลงในเว็บเพจ

หมายเหตุ:คุณสมบัติ dynsrc ไม่ใช่องค์ประกอบ HTML หรือ XHTML มาตรฐาน แต่ Internet Explorer รองรับคุณสมบัตินี้เท่านั้น

ใช้องค์ประกอบ <embed>

Internet Explorer และ Netscape รองรับองค์ประกอบ <embed>

ประกายภาพนี้มีความหมายที่จะใส่สื่อมัลติมีเดียในเว็บไซต์

<embed src="video.avi" />

บรรยายรหัสคำสั่งดังกล่าวได้กำหนดแบบไฟล์ AVI ที่ใส่ลงในเว็บเพจ

คุณสามารถหาหลักฐานคุณสมบัติขององค์ประกอบ <embed> ในช่วงสุดท้ายของบทความนี้ได้

หมายเหตุ:Internet Explorer และ Netscape รองรับ element <embed> แต่มันไม่ใช่ตัวเรียนที่มีมาตรฐานของ HTML หรือ XHTML องค์การเว็บและมหาวิทยาลัย (W3C) แนะนำให้ใช้ element <object> แทน

ใช้ element <object>

Internet Explorer และ Netscape รองรับ element <object>

ประกายภาพนี้มีความหมายที่จะใส่สื่อมัลติมีเดียในเว็บไซต์

<object data="video.avi" type="video/avi" />

โค้ดของที่อยู่ AVI ได้ถูกกำหนดในเว็บไซต์เพื่อใส่ AVI ที่ประกอบ

คุณสามารถหาจากบทสุดท้ายของตัวเรียนนี้ตารางคุณสมบัติของ element <object>

ใช้ลิงก์

หากเว็บไซต์มีลิงก์ที่มีอุปกรณ์สื่อ เสียงหรือวิดีโอ ส่วนใหญ่ของบราวเซอร์จะใช้โปรแกรมช่วยเหลือเพื่อเล่นไฟล์

<a href="video.avi">คลิกที่นี่เพื่อเล่นไฟล์วิดีโอ</a>

โค้ดของที่อยู่ AVI ได้ถูกกำหนดในเว็บไซต์ หากผู้ใช้คลิกลิงก์นี้ บราวเซอร์จะเริ่มโปรแกรมช่วยเหลือ (เช่น Windows Media Player) ในการเล่นแบบ AVI นี้