play button

play-button

مكون ويب لتشغيل الصوت أو الفيديو مع زر.

العرض التوضيحي | مزيد من القراءة

أمثلة

 < script type =" module " src =" play-button.js " > </ script >

< play-button >
  < audio controls src =" https://darn.es/sounds/daviddarnes.m4a " > </ audio >
  < button > Play </ button >
</ play-button > 

سمات

يتيح لك مكون الويب هذا:

• التحكم في عناصر audio أو video مع button واحد يمكنه تشغيل الصوت أو مقطع الفيديو وإيقافه مؤقتًا

تثبيت

لديك بعض الخيارات (اختر واحدة من هذه):

1. التثبيت عبر NPM: npm install @daviddarnes/play-button
2. قم بتنزيل المصدر يدويًا من Github إلى مشروعك.
3. تخطي هذه الخطوة واستخدم البرنامج النصي مباشرة عبر CDN الطرف الثالث (لا ينصح به لاستخدام الإنتاج)

الاستخدام

تأكد من تضمين <script> في مشروعك (اختر واحدة من هذه):

 <!-- Host yourself -->
< script type =" module " src =" play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://www.unpkg.com/@daviddarnes/[email protected]/play-button.js " > </ script > 

 <!-- 3rd party CDN, not recommended for production use -->
< script type =" module " src =" https://esm.sh/@daviddarnes/[email protected] " > </ script > 

ائتمان

بفضل الأشخاص التاليين:

• Zach Leatherman لإلهام قالب ريبو مكون الويب هذا