كيفية إنشاء كود تضمين M3U8 (iframe ورابط التضمين)

Like M3u8Player.app? Please share!

لديك عنوان M3U8 (HLS) وتريد عرضه على موقعك أو مدونتك أو في التوثيق دون بناء خادم خلفي أو مشغّل من الصفر — هذا شائع جدًا.

الأمر بسيط: افتح مُولّد كود تضمين M3U8 في المتصفح، الصق عنوان البث، اختر ما إذا كان يُجرّب التشغيل التلقائي، وستحصل على رابط لصفحة التضمين وHTML جاهز لـ iframe.

المقال مرتّب كالتالي: إن لم يكن لديك رابط M3U8 بعد، يشرح القسم الثاني من أين يأتي العنوان عادةً مع رابط إلى دليل مصوّر؛ من القسم الثالث يبدأ «اللصق في المولّد والنسخ»؛ وفي النهاية video_url وautoplay وغيرها من المعلمات.

غير مرتاح مع .m3u8؟ ابدأ هنا: ما هو ملف M3U8.

1. لمن هذا

تسويق يريد بثًا مباشرًا في صفحة حملة؛ تطوير يحتاج iframe صحيحًا للاختبار — الجوهر واحد: تضمين بث HLS في صفحة ويب. المُولّد يقبل حاليًا M3U8 (HLS) فقط؛ رابط صفحة التضمين وiframe يشيران إلى نفس المشغّل — انسخ ما يناسبك.

2. لا يوجد عنوان M3U8؟ اعثر على الرابط أولًا

كثيرون يتوقفون هنا: الفيديو يعمل على الصفحة لكن لا يعرفون ماذا يضعون في .m3u8. الأداة تحتاج رابطًا مباشرًا لقائمة تشغيل M3U8، فيجب استخراجه من الصفحة أو من حركة الشبكة.

خيار سهل هو إضافة Chrome المجانية The Stream Detector: على صفحة يعمل فيها الفيديو فعلًا، افتح الإضافة لرؤية عناوين HLS وانسخ المطلوب. باختصار: التثبيت من Chrome Web Store → تثبيت في الشريط → العودة لصفحة الفيديو (قد تحتاج تحديثًا) → اتبع الأيقونة أو القائمة → انسخ الرابط.

رابط التثبيت ولقطات الشاشة والنقر المزدوج للنسخ في هذا الدليل:

👉 أفضل طريقة لإيجاد عنوان M3U8

بأدوات المطوّر، تبويب الشبكة، صفِّ m3u8 أو manifest، اعثر على قائمة التشغيل الرئيسية وانسخ الرابط — أصعب قليلًا، الهدف نفسه: رابط https النهائي لقائمة التشغيل.

بعد الحصول على الرابط، جرّبه في مشغّل M3U8 على الإنترنت قبل إنشاء التضمين.

3. ما تحتاجه قبل البدء

  1. رابط M3U8 يعمل (يفضّل https:// ولديك حق التضمين). إن لم تعرف طريقة الإيجاد، راجع القسم السابق وأفضل طريقة لإيجاد عنوان M3U8.
  2. هل تريد أن تحاول صفحة التضمين التشغيل التلقائي عند التحميل — عند التفعيل يُضاف المعامل إلى الرابط؛ قد يمنع المتصفح ذلك رغم ذلك.

لا يوجد بث خاص؟ استخدم هذا البث التجريبي العام:
https://test-streams.mux.dev/x36xhzz/x36xhzz.m3u8

4. ثلاث خطوات

الخطوة 1: افتح الصفحة والصق الرابط

لصق عنوان M3U8 في المُولّد

  1. افتح مُولّد كود تضمين M3U8
  2. الصق قائمة التشغيل في عنوان URL لـ M3U8 (HLS)
  3. تنسيق التضمين حاليًا M3U8 (HLS) فقط؛ إن أُضيفت أنواع لاحقًا تُختار هنا

الخطوة 2: التشغيل التلقائي أم لا

فعّل جرّب التشغيل التلقائي في صفحة التضمين وسيحتوي الرابط المُنشأ على autoplay=true. التشغيل التلقائي مع الصوت غالبًا يُحظر؛ بدون صوت أو نقرة المستخدم أكثر استقرارًا.

الخطوة 3: انسخ ما تحتاج

نسخ رابط التضمين وكود iframe

كتلتان:

  • رابط صفحة التضمين: للدردشة والبريد والمستندات أو إدراج رابط في نظام إدارة المحتوى
  • HTML iframe: عندما تتحكم بالقالب وتريد المشغّل داخل الصفحة

غير متأكد؟ استخدم فتح المعاينة في علامة تبويب جديدة أولًا.

5. معلمات الرابط (باختصار)

يكتب المُولّد اختياراتك في سلسلة الاستعلام. الأهم للتشغيل:

المعلمةالمعنىملاحظات
video_urlعنوان بثكترميز URL حتى لا تكسر & و? الرابط.
autoplayمحاولة التشغيل التلقائيtrue تعني «المحاولة»؛ القرار للمتصفح.

شكل تقريبي (اعتمد على ما يعرضه الموقع فعليًا):

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

بدون تشغيل تلقائي عادةً لا يوجد autoplay=true.

6. أخطاء شائعة

  • الحقوق: إمكانية المشاهدة لا تعني دائمًا التضمين العلني.
  • الوصول: CORS أو شبكة داخلية — الزوار لن يشغّلوا البث أيضًا؛ صفحة HTTPS → يفضّل بث HTTPS.
  • التشغيل التلقائي: المعامل لا يضمن النجاح دائمًا — اختبر المعاينة والأجهزة الحقيقية.
  • التنسيق: هذا المسار لـ M3U8 (HLS) فقط؛ روابط MP4 المباشرة ليست هنا.

7. دور الصفحات الأخرى في الموقع

التشغيل فقط وتبديل الجودة: مشغّل M3U8 على الإنترنت.
حفظ المقاطع: مُحمّل M3U8 على الإنترنت — الاستخدام القانوني على عاتقك.
مُولّد التضمين لبناء الرابط وiframe.
لا يزال لا يوجد عنوان M3U8؟ اقرأ أولًا أفضل طريقة لإيجاد عنوان M3U8 ثم عد إلى هنا.

الخلاصة

في جملة واحدة: لا تعرف كيف تجد العنوان → اقرأ أفضل طريقة لإيجاد عنوان M3U8، استخدم The Stream Detector أو تبويب الشبكة؛ ثم افتح مُولّد التضمين → الصق M3U8 → اختر التشغيل التلقائي → انسخ الرابط أو iframe. video_url وautoplay=true الاختياري يجمّعهما الأداة. جرّب أولًا البث التجريبي ثم استبدل بعنوانك.