เคล็ดลับ: การโฮสต์ภาพยนตร์บนเซิร์ฟเวอร์ของคุณอาจมีราคาแพงเนื่องจากต้นทุนแบนด์วิดท์ หากคุณไม่ต้องการกังวลเกี่ยวกับการโฮสต์ไฟล์วิดีโอและต้องการได้รับความสนใจจากผู้ชมจำนวนมากการโฮสต์วิดีโอบน YouTube และการฝังลิงก์ในเว็บไซต์ของคุณเป็นความคิดที่ดี
หมายเหตุ: คำแนะนำด้านล่างบางข้ออาจใช้งานได้กับเบราว์เซอร์ทั้งหมด ตรวจสอบให้แน่ใจว่าโซลูชันที่คุณตัดสินใจใช้ทำงานได้กับเบราว์เซอร์ที่คุณต้องการสนับสนุน
ตัวอย่างด้านล่างมีวิธีการต่าง ๆ เพื่อให้สามารถดูไฟล์วิดีโอได้จากหน้าต่างเบราว์เซอร์ เราขอแนะนำให้คุณสร้างลิงก์ดาวน์โหลดโดยตรงไปยังไฟล์ซึ่งอนุญาตให้ผู้เยี่ยมชมดาวน์โหลดไฟล์หากภาพยนตร์ไม่เล่นในเบราว์เซอร์ ด้านล่างคือตัวอย่างโดยตรงของลิงก์โดยตรงสำหรับไฟล์วิดีโอสองไฟล์ในเอกสารนี้
หุ่นยนต์ขับเคลื่อนฟลอปปี้
รหัส HTML
หุ่นยนต์ขับเคลื่อนฟลอปปี้
IBM Linux เชิงพาณิชย์
รหัส HTML
IBM Linux เชิงพาณิชย์
ฝังวิดีโอ YouTube
วิดีโอโฮสติ้งบน YouTube นั้นยอดเยี่ยมเพราะมันช่วยประหยัดค่าใช้จ่ายแบนด์วิดธ์สามารถรองรับผู้ชมจำนวนมากและยังสามารถแนะนำวิดีโอของคุณให้กับผู้เยี่ยมชมหน้ายอดนิยมบนอินเทอร์เน็ต ด้านล่างนี้เป็นตัวอย่างของวิดีโอที่โฮสต์บน YouTube และฝังไว้ในไซต์นี้
รหัส HTML
รหัส HTML สำหรับวิดีโอ YouTube ทั้งหมดพบได้จากลิงก์แชร์ที่พบในวิดีโอ YouTube ทุกรายการ เมื่อคุณคลิกที่ลิงก์ แชร์ให้ คลิกที่ลิงก์ ฝัง ด้านล่างเป็นตัวอย่างของรหัสที่ใช้แสดงวิดีโอ YouTube ด้านบน
แท็กวิดีโอ
แท็กเป็นแท็ก HTML ที่ออกแบบมาเพื่อแสดงวิดีโอในเบราว์เซอร์ที่ทันสมัยทั้งหมด แท็กรองรับรูปแบบวิดีโอ MP4, Ogg และ WebM และสามารถนำไปใช้กับแท็ก HTML เดียว
รหัส HTML
เบราว์เซอร์ของคุณไม่รองรับ
แท็กฝังพื้นฐาน
ด้านล่างเป็นรหัสสำหรับวิธีการพื้นฐานที่สุดในการฝังไฟล์ลงในหน้าเว็บ
ตัวอย่างรหัส HTML
ในตัวอย่างนี้คุณกำลังใช้องค์ประกอบการฝังเพื่อชี้ไปยังแหล่งที่มาของไฟล์ภาพยนตร์ที่คุณต้องการเล่น โปรดทราบว่านี่เป็นตัวอย่างพื้นฐานมากและจะไม่แสดงคำเตือนใด ๆ หรือชี้ผู้ใช้ไปยังตำแหน่งที่จะดาวน์โหลดปลั๊กอินหากไฟล์วิดีโอไม่ได้รับการสนับสนุน
เพิ่มไฟล์ภาพยนตร์โดยใช้แท็ก img
หากคุณไม่ต้องการใช้แท็กคุณสามารถรวมไฟล์ภาพยนตร์โดยใช้ แท็กดังแสดงในตัวอย่างด้านล่าง
ตัวอย่างรหัส HTML
แท็กฝังเพื่อเล่นภาพยนตร์ QuickTime (.MOV)
ไฟล์ภาพยนตร์ Apple QuickTime เป็นภาพยนตร์ประเภทอื่นที่เป็นที่นิยมบนอินเทอร์เน็ต ด้านล่างเป็นตัวอย่างพื้นฐานของวิธีรวมไฟล์เหล่านี้ในหน้าเว็บของคุณ
หมายเหตุ: QuickTime ไม่ได้รับการสนับสนุนบน Microsoft Windows และเบราว์เซอร์ใหม่ทั้งหมดไม่สนับสนุนวิธีการฝังภาพยนตร์ QuickTime อีกต่อไป
ตัวอย่างรหัส HTML
ในตัวอย่างการฝังด้านบนส่วนแรกของรหัสจะชี้ไปที่ src (แหล่งที่มา) ของไฟล์ภาพยนตร์ซึ่งเป็นไฟล์ภาพยนตร์เอง ถัดไปปลั๊กอินคือตำแหน่งของปลั๊กอินหากผู้เข้าชมไม่ได้ติดตั้ง ความกว้าง และ ความสูง เป็นขนาดจริงของไฟล์วิดีโอ ค่า ตัวควบคุม สามารถตั้งค่าเป็นจริงหรือเท็จเพื่อสลับการแสดงการควบคุมด้านล่าง
เคล็ดลับ: คุณอาจต้องการเพิ่มความสูงของไฟล์วิดีโอหากคุณไม่เห็นตัวควบคุม
การวน ซ้ำเป็นการตั้งค่าเมื่อคุณต้องการให้ไฟล์เริ่มต้นใหม่โดยอัตโนมัติเมื่อเสร็จสิ้น สุดท้ายการ เล่นอัตโนมัติ จะบอกให้เบราว์เซอร์เริ่มต้นหรือไม่เริ่มเล่นไฟล์วิดีโอหลังจากโหลดหน้าเว็บเสร็จแล้ว
พิมพ์แอตทริบิวต์สำหรับแท็กฝังเพื่อระบุปลั๊กอิน
ในแท็กฝังให้รวมแอตทริบิวต์ type เพื่อระบุประเภท MIME สำหรับไฟล์วิดีโอ การทำเช่นนั้นช่วยให้คุณสามารถระบุปลั๊กอินที่จำเป็นในการเล่นวิดีโอในเบราว์เซอร์
ตัวอย่างรหัส HTML
ในตัวอย่างข้างต้นแอตทริบิวต์ type ถูกตั้งค่าเป็น video / x-msvideo ซึ่งเป็นประเภท MIME สำหรับไฟล์วิดีโอ AVI
ในการกำหนดค่าที่จะกำหนดให้กับแอตทริบิวต์ ประเภท สำหรับไฟล์วิดีโอประเภทอื่นให้ตรวจสอบรายการประเภทไฟล์ MIME สำหรับไฟล์วิดีโอในหน้าประเภทสื่อ IANA