วิธีการฝัง 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)

หมวดหมู่

ล่าสุด

วิธีอ่านทวีตด้วยไทม์ไลน์ย้อนกลับ

วิธีอ่านทวีตด้วยไทม์ไลน์ย้อนกลับ

Reverse Timeline เป็นโปรแกรมเสริมของ Firefox สำ...

วิธีค้นหาโพสต์ของฉันบน 4Chan

วิธีค้นหาโพสต์ของฉันบน 4Chan

เตรียมการส่งของคุณโดยใช้แบบฟอร์มการส่งโพสต์เปล่...

วิธีถ่ายโอนข้อมูลจาก Verizon ไปยัง Sprint

วิธีถ่ายโอนข้อมูลจาก Verizon ไปยัง Sprint

ด้วย Verizon Backup Assistant คุณสามารถบันทึกผ...