วิธีการฝัง VLC Player ใน HTML

...

ฝังและสตรีมเสียงและวิดีโอบนเว็บไซต์ของคุณด้วย VLC Media Player

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

VLC Media Player เป็นเครื่องเล่นสื่อโอเพ่นซอร์สที่มีเซิร์ฟเวอร์สตรีมมิ่งในตัว ด้วยผู้ใช้มากกว่า 100 ล้านคน VLC จึงเป็นหนึ่งในเครื่องเล่นสื่อที่ได้รับความนิยมมากที่สุด การฝังโปรแกรมเล่นสื่อ VLC ในหน้าเว็บของคุณต้องใช้โค้ด HTML สองสามบรรทัด

วิดีโอประจำวันนี้

ขั้นตอนที่ 1

เปิดหน้า HTML ที่คุณต้องการแก้ไขด้วยโปรแกรมแก้ไขข้อความหรือโปรแกรมแก้ไขหน้าเว็บ (เช่น Notepad, Write Pad, Dreamweaver)

ขั้นตอนที่ 2

เลื่อนไปยังพื้นที่ที่คุณต้องการฝังคลิปเสียงหรือไฟล์วิดีโอบนหน้าเว็บ

ขั้นตอนที่ 3

คัดลอกและวางโค้ดต่อไปนี้ลงในตัวแก้ไขตรงจุดที่ VLC Media Player จะแสดงบนหน้า:

เล่นหยุดชั่วคราวหยุดเต็มจอ

ขั้นตอนที่ 4

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

ขั้นตอนที่ 5

ปรับระดับเสียงในการตั้งค่าพารามิเตอร์ที่เหมาะสมหากจำเป็น

ขั้นตอนที่ 6

แทนที่ชื่อไฟล์ "mymovie.avi" ด้วยชื่อไฟล์ของแทร็กหรือคลิปที่จะเล่นในเครื่องเล่นสื่อ ตรวจสอบให้แน่ใจว่าคุณอัปโหลดไฟล์ลงในโฟลเดอร์เดียวกับหน้าเว็บ เพื่อให้เบราว์เซอร์อ้างอิงเส้นทางที่ถูกต้องไปยังไฟล์ได้

ขั้นตอนที่ 7

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

ขั้นตอนที่ 8

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

เคล็ดลับ

เขียนโค้ดหน้า VLC HTML ของคุณเสมอเพื่อให้เข้ากันได้กับเบราว์เซอร์หลักทั้งหมด (เช่น Chrome, Firefox, Explorer และ Safari)

หมวดหมู่

ล่าสุด

ฉันจะยกเลิก U-Verse ของฉันได้อย่างไร?

ฉันจะยกเลิก U-Verse ของฉันได้อย่างไร?

รูปภาพของตัวแทนบริการลูกค้าทางโทรศัพท์ เครดิตร...

วิธีการผิดสัญญากับบริษัทจานดาวเทียม

วิธีการผิดสัญญากับบริษัทจานดาวเทียม

เครดิตรูปภาพ: รูปภาพ VladTeodor / iStock / Gett...

วิธีการวาดวงเล็บการแข่งขันใน Microsoft Word

วิธีการวาดวงเล็บการแข่งขันใน Microsoft Word

แบบแผนสีของแผนภูมิช่วยในการระบุแต่ละชั้นของวงเ...