مشغل قنوات التلفزيون على الانترنت

السلام عليكم ممكن كود لتشغيل قنوات البثوث المباشرة على الانترنت ؟
مثلا اريد تشغيل هذا الرابط
https://mbc1-enc.edgenextcdn.net/out/v1/0965e4d7deae49179172426cbfb3bc5e/index.m3u8
مثل هذا الموقع تماما عنده مشغلات فيديو تدعم هذا النوع من الروابط
https://www.elahmad.com/tv/radiant.php?id=mbc1_tv_1
ياريت كود المشغل اللي رح يتم اعطائي اياه يكون يعمل في المواضيع ولكم جزيل الشكر

وعليكم السلام
جرب
اصف الكود التالي في التشكيلات العامه

الكود:: <!DOCTYPE html> <html lang="ar"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>البث المباشر</title> <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script> </head> <body> <h1>مشغل البث المباشر</h1> <video id="video" controls width="600"></video> <script> var video = document.getElementById('video'); var videoSrc = 'https://mbc1-enc.edgenextcdn.net/out/v1/0965e4d7deae49179172426cbfb3bc5e/index.m3u8'; if (Hls.isSupported()) { var hls = new Hls(); hls.loadSource(videoSrc); hls.attachMedia(video); hls.on(Hls.Events.MANIFEST_PARSED, function () { video.play(); }); } else if (video.canPlayType('application/vnd.apple.mpegurl')) { video.src = videoSrc; video.addEventListener('loadedmetadata', function () { video.play(); }); } </script> </body> </html>

جربته على رابط البث المباشر التالي ولم يعمل ( مع العلم ان القناة رابطها شغال وجربت افتحه في تطبيق VLC ومتصفح الهاتف اشتغل لكن على الويندز لا يعمل ! ربما المشغل لايدعم صيغة الملف ؟
https://vo-live.cdb.cdn.orange.com/Content/Channel/MajidChildrenChannel/HLS/index.m3u8
رابط البث المباشر في موقع الاحمد
https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv
الكود المستخدم

الكود:: <meta charset="UTF-8" /> <meta content="width=device-width, initial-scale=1.0" name="viewport" /> <title>البث المباشر</title> <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script> <h1> مشغل البث المباشر </h1> <video style="width: 600px;" controls="" id="video"></video> <script> var video = document.getElementById('video'); var videoSrc = 'https://vo-live.cdb.cdn.orange.com/Content/Channel/MajidChildrenChannel/HLS/index.m3u8'; if (Hls.isSupported()) { var hls = new Hls(); hls.loadSource(videoSrc); hls.attachMedia(video); hls.on(Hls.Events.MANIFEST_PARSED, function () { video.play(); }); } else if (video.canPlayType('application/vnd.apple.mpegurl')) { video.src = videoSrc; video.addEventListener('loadedmetadata', function () { video.play(); }); } </script>

تمام انا فهمت الآن ليش ما اشتغل الرابط على الكمبيوتر جربت احمل الاضافة التالية واشغل الفيديو واشتغل فعلا
https://chromewebstore.google.com/detail/oui9-hls-player-m3u8/pkckbkheblnpnlnmkldeikhkfddhnkah
بس هم في موقع الاحمد مستخدمين مشغل فيديوهات لايحتاج لهذه الاضافة !

اهلا
إذا لم ينجح ، يمكنك محاولة استخدام IFrame لتضمين الفيديو. هذا مثال:

الكود:: <iframe style="width: 100%; height: 500px;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe>

يمكنك وضعه بالتشكلات العامه

اشتغل البث المباشر عندي بدون اي اضافات

كونان2000 كتب:اهلا
إذا لم ينجح ، يمكنك محاولة استخدام IFrame لتضمين الفيديو. هذا مثال:
الكود:
<iframe style="width: 100%; height: 500px;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe>
يمكنك وضعه بالتشكلات العامه

اشتغل البث المباشر عندي بدون اي اضافات

شكرا اخي كونان لكن هل يمكنك جعله لايعمل بشكل تلقائي؟

المبدع الخبير كتب:شكرا اخي كونان لكن هل يمكنك جعله لايعمل بشكل تلقائي؟

اهلا
جرب التالي
يشتغل الفيديو بعد الضغط عليه

الكود:: <div style="position: relative; width: 100%; height: 500px;"> <button id="playButton" style="z-index: 10; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); color: white;"> تشغيل الفيديو </button> <iframe id="videoFrame" style="width: 100%; height: 100%; display: none;" allowfullscreen="" frameborder="0" src="https://www.elahmad.com/tv/mobiletv/glarb.php?id=majid_tv"></iframe> </div> <script> document.getElementById('playButton').onclick = function() { this.style.display = 'none'; // إخفاء الزر document.getElementById('videoFrame').style.display = 'block'; // عرض الـ iframe }; </script>