1

مساعدة بشأن مشغلات الفيديو

mveghgv
المزيد

كنت أبحث عن مشغل فيديو لإضافته بالموقع و حاولت أن انشر به مقاطع موفراً روابط بكل جودة و لكن لم تنجح و لا محاولة 

<link href='https://cdn.plyr.io/3.4.4/plyr.css' rel='stylesheet'/>
</head>

<script src='//cdn.plyr.io/3.4.4/plyr.js'/> <script>/*<![CDATA[*/const players = Array.from(document.querySelectorAll('.js-player')).map(player => new Plyr(player));/*]]>*/</script>
</body>

كود المشاركات:

<video class="js-player" controls="" playsinline="" poster="الصورة المصغرة"> <source src="رابط المقطع" type="video/mp4" /> </video>

هل يمكن لأحد المساعدة؟


0
Mustafa_Suleiman

الكود يستخدم مكتبة Plyr لتشغيل ملفات الفيديو على موقع الويب. ولكنها تحتاج إلى توافر المكتبة الخاصة بها ورابط الفيديو المطلوب تشغيله.

يمكنك استخدام الشيفرة التالية لإضافة مشغل الفيديو إلى موقعك:

<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdn.plyr.io/3.7.8/plyr.css" />
</head>
<body>
  <video class="js-player" controls playsinline poster="رابط الصورة المصغرة">
    <source src="رابط المقطع" type="video/mp4">
  </video>
  
  <script src="https://cdn.plyr.io/3.7.8/plyr.js"></script>
  <script>
    const players = Array.from(document.querySelectorAll('.js-player')).map(player => new Plyr(player));
  </script>
</body>
</html>

قم بتغيير "رابط الصورة المصغرة" إلى رابط الصورة المصغرة الخاصة بمقطع الفيديو الذي ترغب في تشغيله، وبتغيير "رابط المقطع" إلى رابط الفيديو الخاص بك.

وتأكد من تضمين الروابط الصحيحة للمكتبات Plyr، حيث يتم استدعاء النسخة 3.4.4 في المثال أعلاه.

وتتوفر بعض المكتبات الأخرى للقيام بنفس الأمر:

  • Video.js

مكتبة قوية وموثوقة لتشغيل ملفات الفيديو، ويوفر Video.js العديد من الميزات والخيارات المخصصة.

  • MediaElement.js

مكتبة متعددة الوسائط تدعم تشغيل الفيديو والصوت، وتتميز بسهولة الاستخدام ودعمها لعدة تنسيقات.

  • JW Player

مشغل فيديو شهير يتميز بأداء عالٍ وقدرات تخصيص متقدمة، وتوفر JW Player في إصدارات مجانية ومدفوعة.

  • Flowplayer

مكتبة أخرى توفر مشغل فيديو قوي ومتعدد الوسائط، توفر Flowplayer واجهة سهلة الاستخدام ودعمًا شاملاً للتخصيص.

0
mveghgv

شكرا اخي ❤