วิธีสร้างโค้ดฝัง M3U8 (iframe และลิงก์ฝัง)

Like M3u8Player.app? Please share!

คุณมีที่อยู่ M3U8 (HLS) แล้วอยากใส่ในเว็บไซต์ บล็อก หรือเอกสาร โดยไม่ต้องทำแบ็กเอนด์หรือเขียนเครื่องเล่นเอง — เป็นเรื่องที่พบบ่อย

ทำได้ไม่ยาก: เปิด ตัวสร้างโค้ดฝัง M3U8 ในเบราว์เซอร์ วาง URL ของสตรีม เลือกว่าจะลองเล่นอัตโนมัติหรือไม่ แล้วคุณจะได้ ลิงก์ไปหน้าฝัง และ HTML ของ iframe พร้อมวาง

บทความเรียงตามลำดับ: ถ้า ยังไม่มีลิงก์ M3U8 หัวข้อ 2 จะบอกว่า มักหาจากไหน พร้อมลิงก์ไปคู่มือภาพ ตั้งแต่หัวข้อ 3 คือ «วางในตัวสร้างแล้วคัดลอก» สุดท้ายคือ video_url, autoplay และพารามิเตอร์อื่นๆ

ยังไม่คุ้น .m3u8? เริ่มที่นี่: ไฟล์ M3U8 คืออะไร

1. เหมาะกับใคร

การตลาดที่อยากใส่ไลฟ์ในหน้าแคมเปญ นักพัฒนาที่ต้องการ iframe ที่ถูกต้องสำหรับทดสอบ — โจทย์เดียวกันคือ ฝังสตรีม HLS ลงในหน้าเว็บ ตัวสร้างรองรับเฉพาะ M3U8 (HLS) ในตอนนี้ URL หน้าฝัง กับ iframe ชี้ไปที่เครื่องเล่นตัวเดียวกัน — เลือกอย่างใดอย่างหนึ่งตามการใช้งาน

2. ยังไม่มีที่อยู่ M3U8? หา URL ก่อน

หลายคนติดตรงนี้: วิดีโอเล่นบนหน้าได้ แต่ไม่รู้จะใส่อะไรใน .m3u8 เครื่องมือต้องการ URL ของเพลย์ลิสต์ M3U8 ที่เข้าถึงตรงๆ จึงต้องดึงจากหน้าเว็บหรือทราฟฟิกเครือข่าย

ทางเลือกที่ใช้บ่อยคือส่วนขยาย Chrome ฟรี The Stream Detector: บน หน้าที่วิดีโอเล่นปกติ เปิดส่วนขยายจะเห็น URL ของ HLS — เลือกแล้วคัดลอก ขั้นตอนประมาณ: ติดตั้งจาก Chrome Web Store → ปักหมุด → กลับไปหน้าวิดีโอ (บางทีรีเฟรช) → ตามไอคอนหรือรายการ → คัดลอก URL

ลิงก์ติดตั้ง ภาพประกอบ และดับเบิลคลิกเพื่อคัดลอก อยู่ในบทความนี้:

👉 วิธีที่ดีที่สุดในการหาที่อยู่ M3U8

ถ้าใช้ DevTools แท็บ เครือข่าย กรอง m3u8 หรือ manifest หาเพลย์ลิสต์หลักแล้วคัดลอก URL — ยากกว่านิดหน่อย เป้าหมายเดียวกัน: URL https สุดท้ายของเพลย์ลิสต์

พอได้ URL แล้ว ลองใน เครื่องเล่น M3U8 ออนไลน์ ก่อนสร้างโค้ดฝัง

3. สิ่งที่ต้องมีก่อนเริ่ม

  1. URL M3U8 ที่เล่นได้ (แนะนำ https:// และคุณมีสิทธิ์ฝัง) ถ้ายังหาไม่เป็น ดูหัวข้อก่อนหน้าและ วิธีที่ดีที่สุดในการหาที่อยู่ M3U8
  2. ต้องการให้หน้าฝังลองเล่นอัตโนมัติเมื่อโหลดหรือไม่ — เปิดแล้วลิงก์จะมีพารามิเตอร์ แต่เบราว์เซอร์อาจบล็อกอยู่ดี

ยังไม่มีสตรีมของตัวเอง? ลองสตรีมทดสอบสาธารณะนี้:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4. สามขั้นตอน

ขั้น 1: เปิดหน้าแล้ววาง URL

วาง URL M3U8 ในตัวสร้าง

  1. เปิด ตัวสร้างโค้ดฝัง M3U8
  2. วางเพลย์ลิสต์ในช่อง URL M3U8 (HLS)
  3. รูปแบบการฝัง ตอนนี้มีแค่ M3U8 (HLS) ถ้ามีรูปแบบอื่นในอนาคตจะเลือกที่นี่

ขั้น 2: เล่นอัตโนมัติหรือไม่

เปิด ลองเล่นอัตโนมัติในหน้าฝัง แล้วลิงก์ที่สร้างจะมี autoplay=true การเล่นอัตโนมัติพร้อมเสียง มักถูกบล็อก — ปิดเสียง หรือ ให้ผู้ใช้คลิก มักเสถียรกว่า

ขั้น 3: คัดลอกสิ่งที่ต้องการ

คัดลอกลิงก์ฝังและโค้ด iframe

มีสองบล็อก:

  • URL หน้าฝัง: แชท อีเมล เอกสาร หรือแทรกลิงก์ใน CMS
  • HTML iframe: เมื่อคุณควบคุมเทมเพลตและอยากฝังเครื่องเล่นในหน้า

ไม่แน่ใจ? ใช้ เปิดตัวอย่างในแท็บใหม่ ก่อน แล้วค่อยนำไปใช้จริง

5. พารามิเตอร์ใน URL (สั้นๆ)

ตัวสร้างจะเขียนตัวเลือกลงใน สตริงคิวรี ที่เกี่ยวกับการเล่นหลักๆ:

พารามิเตอร์ความหมายหมายเหตุ
video_urlURL สตรีมของคุณเข้ารหัส URL เพื่อไม่ให้ & และ ? ทำลิงก์พัง
autoplayลองเล่นอัตโนมัติtrue คือ «ลอง» เบราว์เซอร์เป็นคนตัดสิน

รูปแบบโดยประมาณ (อ้างอิงข้อความที่หน้าให้จริง):

https://m3u8player.app/th/embed/m3u8/?video_url=…&autoplay=true

ปิด autoplay แล้วมักไม่มี autoplay=true

6. จุดที่มักพลาด

  • ลิขสิทธิ์: ดูได้ไม่เท่ากับฝังสาธารณะเสมอ
  • การเข้าถึง: CORS หรือสตรีมภายใน — ผู้เยี่ยมก็เล่นไม่ได้; หน้า HTTPS ควรใช้สตรีม HTTPS
  • Autoplay: พารามิเตอร์ไม่รับประกันทุกครั้ง — ทดสอบ ตัวอย่าง และอุปกรณ์จริง
  • รูปแบบ: เครื่องมือนี้เฉพาะ M3U8 (HLS); ลิงก์ MP4 ตรงไม่อยู่ในเส้นทางนี้

7. บทบาทเมื่อเทียบกับหน้าอื่นบนไซต์

แค่เล่น และสลับคุณภาพ: เครื่องเล่น M3U8 ออนไลน์
ดาวน์โหลดเซกเมนต์: ตัวดาวน์โหลด M3U8 ออนไลน์ — ใช้ให้ถูกกฎหมาย
ตัวสร้างฝัง ใช้ ประกอบลิงก์และ iframe
ยังไม่มี URL M3U8? อ่าน วิธีที่ดีที่สุดในการหาที่อยู่ M3U8 ก่อน แล้วกลับมาที่นี่

สรุปสั้นๆ

หนึ่งประโยค: หา URL ไม่เป็น → อ่าน วิธีที่ดีที่สุดในการหาที่อยู่ M3U8 ใช้ The Stream Detector หรือแท็บเครือข่าย แล้วเปิด ตัวสร้างฝัง → วาง M3U8 → เลือก autoplay → คัดลอก URL หรือ iframe video_url และ autoplay=true (ถ้ามี) ตัวสร้างจัดให้ ลองสตรีมทดสอบก่อน แล้วค่อยใช้ของจริง