Advertisement
  1. Web Design
  2. WordPress

20 ملحقات الفيديو المفيدة المتوفرة على CodeCanyon

Scroll to top
Read Time: 11 min

() translation by (you can also view the original English article)

من الصور الثابتة إلى صور GIF المتحركة ، من "أفضل مشاهدة على Netscape 4.0" إلى أن يتم عرضها على أي جهاز يمكن تصوره ، دفعت الإنترنت نفسها دائمًا إلى حدود جديدة.

لذلك لا عجب عندما نرى المزيد والمزيد من المواقع باستخدام الفيديو. أنها ليست مجرد أشرطة الفيديو كالمحتوى الأساسي أما – نرى الآن يجري استخدامها كخلفيات وفي الأدوار الأخرى الداعمة، وكذلك أشرطة الفيديو.

إليك تقريرًا عن 20 مكونًا إضافيًا مفيدًا للفيديو على Envato Market يمكنك استخدامه لجلب المزيد من مقاطع الفيديو إلى مشروع الويب التالي. 

1. الفيديو والخلفيات المنظر للملحن المرئي

إن إضافة خلفية فيديو إلى موقع WordPress الخاص بك أمر سهل للغاية مع خلفيات الفيديو و Parallax For Composer.

فقد جميع الخيارات الأساسية ستحتاج إلى التكيف مع الموضوع الحالي الخاص بك — وأنه تم اختباره في العديد من المواضيع المختلفة.

Video Parallax Backgrounds For Visual ComposerVideo Parallax Backgrounds For Visual ComposerVideo Parallax Backgrounds For Visual Composer

هذه طريقة سهلة لإضافة خلفية فيديو، ولها بعض المنظر العظيم صورة خلفية الخيارات كذلك.

يمكنك تكوينه لعرض كامل، كاملة الطول، وملء الشاشة، HD الفيديو الخلفيات وخلفيات متعددة الطبقات والمنظر/الفيديو/تحوم وأكثر.

وتشمل الميزات:

  • البرنامج المساعد التمرير السلس عجلة الماوس
  • إيقاف المنظر للجوال
  • تسريع الأجهزة
  • وأكثر من ذلك

ببساطة قم بتنشيط هذا المكون الإضافي باستخدام نسق ووردبريس الخاص بك ، وستكون جاهزًا لتنفيذ مقاطع الفيديو ، واختلاف المنظر ، وعناصر خلفية التحويم.

Video & Parallax Backgrounds ل Visual Composer هي طريقة سريعة وسهلة لإضافة تأثيرات الفيديو وتأثير المنظر مذهلة إلى موقع WordPress الخاص بك.

2. HTML5 فيديو لاعب مع قائمة التشغيل وجلود متعددة

ابدأ تشغيل ملفات الفيديو .MP4 و .WEBM بأسلوب أنيق مع مشغل فيديو HTML5 مع قائمة التشغيل والسمات المتعددة.

هذا ليس مجرد مشغل فيديو HTML5 - يمكنك إعداد قوائم التشغيل أيضًا.

HTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple SkinsHTML5 Video Player with Playlist Multiple Skins

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

الميزات تشمل:

  • عرض كامل الشاشة
  • خمسة جلود مختلفة
  • ضوابط لاعب كامل
  • استجابة كاملة
  • وأكثر من ذلك

يعتبر مشغل فيديو HTML5 مع قائمة التشغيل والسمات المتعددة من الضوء الفائق ، حيث يبلغ وزنه 38 كيلوبايت فقط ، ويسهل تنفيذه.

تتوفر كلتا نسختين HTML5 و WordPress .

3. HTML5 الحديثة مشغل قائمة التشغيل يوتيوب متجاوب

يعدّ مشغل قائمة تشغيل YouTube الحديث المستجيب لـ HTML5 طريقة أنيقة لجلب مقاطع فيديو YouTube إلى موقعك على الويب.

نظرًا لتخطيطين مختلفين و "متجاوبين مع تغيير الحجم الذكي" ، لم تشاهد مقاطع فيديو YouTube أبدًا على ما يرام.

Modern HTML5 Responsive YouTube Playlist PlayerModern HTML5 Responsive YouTube Playlist PlayerModern HTML5 Responsive YouTube Playlist Player

ما عليك سوى إدخال معرّف قائمة تشغيل YouTube أو معرّف القناة أو أي مقاطع فيديو أخرى على YouTube بدون واجهة YouTube الافتراضية.

بعض الميزات تشمل:

  • متصفح المحمول ودعم الشاشة التي تعمل باللمس
  • ضوابط لاعب مخصص
  • أحدث واجهة برمجة تطبيقات YouTube
  • أزرار المشاركة الاجتماعية
  • وأكثر من ذلك

ستعمل الشاشة على تبديل قائمة التشغيل أو عناصر التحكم في الفيديو ، مما يزيد من مساحة الشاشة للفيديو.

تم تصميم مشغل قائمة تشغيل YouTube الحديث المستجيب لـ HTML5 بشكل جميل وسهل الإعداد ومتاح في كل من HTML5 و WordPress .

4. CCGallery - معرض الوسائط المتعددة HTML5

على الرغم من أنه قد حول لسنوات عديدة، الآن، رأي CoverFlow المستخدمة في نظام OS X وسيلة وسيم لعرض الملفات.

والآن ، مع CCGallery - معرض الوسائط المتعددة HTML5 ، يمكنك عرض الصور والصوت ومقاطع الفيديو باستخدام نفس النمط على موقع الويب الخاص بك.

CCGallery - HTML5 Multimedia GalleryCCGallery - HTML5 Multimedia GalleryCCGallery - HTML5 Multimedia Gallery

تشتمل واجهة المستخدم على ميزة CoverFlow أو الاختيارات المصغرة ، بالإضافة إلى فرز أنواع الوسائط المدعومة الثلاثة (الصورة والصوت والفيديو).

تشمل الميزات الأخرى ما يلي:

  • يتم استخدام CSS للمتصفحات المدعومة التي تحتوي على ميزة HTML5 Canvas fallback
  • يتضمن اثنين من موضوعات اللون مع القدرة على إجراء تعديلات عبر CSS
  • خيارات التشغيل والتشغيل التلقائي لملفات الصوت والفيديو
  • تكوين مع ملف XML بسيط
  • وأكثر من ذلك

السوائل ، الاستجابة ، ودعم شاشة اللمس ، CCGallery - HTML5 معرض الوسائط المتعددة على استعداد لعرض موقع الويب الخاص بك وسائل الإعلام.

تتوفر كلتا نسختين HTML5 و WordPress .

5. من السهل خلفية الفيديو الفسفور الابيض

سهولة "التوصيل والتشغيل" طريقك إلى خلفية فيديو حل وورد.

Easy Video يمكن استخدام WP من خلال ملء الشاشة أو div أو الخلفية المصغرة.

Easy Video Background WPEasy Video Background WPEasy Video Background WP

الميزات تشمل:

  • يوتيوب ودعم الفيديو الأصلي
  • المواقع الثابتة أو المطلقة
  • HTML5 مع خيارات احتياطية
  • ضوابط لاعب
  • وأكثر من ذلك

الصور المصغرة الفريدة والأكثر إثارة للإعجاب (التي تكره قولها) هي التي تعمل تلقائيًا على تشغيل الفيديو عند تمرير الماوس.  تأثير رائع جدا.

Easy Video Background WP ليس سهلاً فقط ، ولكنه يتضمن خيارات مصقولة للتنفيذ في موقع WordPress الخاص بك.

6. في نهاية المطاف مشغل فيديو

يمكنك إلقاء مقاطع الفيديو المحلية والبث المباشر على YouTube في مشغل الفيديو هذا.  ربما لهذا السبب يطلق عليه في نهاية المطاف لاعب فيديو؟

Ultimate Video PlayerUltimate Video PlayerUltimate Video Player

مشغل الفيديو هذا مليء بالخيارات:

  • محسّن لكل من أجهزة الكمبيوتر المكتبية والمحمولة
  • إعداد قوائم التشغيل والفئات
  • الصور المصغرة للتخصيص
  • وصلة عميقة اختيارية
  • أكثر من ذلك

بالنسبة لأولئك الذين يستضيفون مقاطع الفيديو الخاصة بهم ، هناك زر "تنزيل الفيديو" اختياري يمكن إزالته عالميًا أو على أساس الفيديو. مع قوائم تشغيل غير محدودة ، وجلود مرنة ، وخيارات احتياطي متعددة ، ربما يكون هذا هو Ultimate Video Player (يتوفر أيضًا إصدار WordPress ).

7. يوتيوب Vimeo البرنامج المساعد منبثق

هذا هو البرنامج المساعد الفيديو البسيطة التي يمكن أن تجد طريقها بسهولة إلى أدوات مربع من الحيل.

YouTube Vimeo Popup PluginYouTube Vimeo Popup PluginYouTube Vimeo Popup Plugin

إنشاء نافذة منبثقة على YouTube أو Vimeo بعد أن ينقر المستخدم على أي رابط مضمن في رابط موقعك على الويب - النص أو الصورة أو أيًا كان ما ترسيه.

يمكنك الحصول على إصدار jQuery من المكون الإضافي لفيديو YouTube المنبثق أو المكوّن الإضافي الإضافي في WordPress YouTube Vimeo Popup .

8. FullScreen الخلفية / معرض - الصور والفيديو

The FullScreen Background / Gallery - يتضمن ملحق jQuery للصور والفيديو عدة خيارات مختلفة لكل من الفيديو والصور.

FullScreen Background Gallery Image and VideoFullScreen Background Gallery Image and VideoFullScreen Background Gallery Image and Video

بعض الميزات تشمل:

  • أكثر من 40 خيارات قابلة للتخصيص
  • الملمس على الصور
  • استجابة كاملة
  • نص متحرك
  • وأكثر من ذلك

خلفية / معرض FullScreen - الصورة والفيديو يمكن استخدام البرنامج المساعد كخلفية بملء الشاشة ، أو معرض وسائط متعددة ملء الشاشة ، أو منزلق متعدد الوسائط كامل العرض لاحتياجات الفيديو والصورة الخاصة بك.  كما يأتي في نسخة وتعبئتها حزم .

9. HelloVideo - CMS video

لا يقوم أحدهم بمشاركة هذا الفيديو ، بما في ذلك هذا الحل القوي.

إن فيديو HelloVideo - CMS عبارة عن نص PHP مميز كامل المزايا يعرض مقاطع الفيديو على المشاركات والصفحات ويمكن أن تجعل مقاطع الفيديو الخاصة بك متاحة مجانًا أو للمشتركين فقط.

HelloVideo Video CMSHelloVideo Video CMSHelloVideo Video CMS

تتضمن مجموعة الميزات المثيرة للإعجاب في HelloVideo ما يلي:

  • إضافة المشاركات والصفحات والفئات والقوائم
  • قبول المدفوعات المتكررة عبر Stripe
  • تتبع احصائيات وتحليلات
  • موضوعات متعددة
  • وأكثر من ذلك بكثير

HelloVideo مصقول للغاية ويتناسب مع موقع الفيديو الذي يتمحور حول موقع جيد جدًا. نظام بوابة الدفع المدمج هو بالتأكيد ميزة مكافأة لطيفة.

10. jQuery HTML5 مشغل فيديو

بسيطة وخفيفة.

تماما مثل كل مشغلات الفيديو jQuery HTML5 يجب أن تكون.

jQuery HTML5 Video PlayerjQuery HTML5 Video PlayerjQuery HTML5 Video Player

استنادًا إلى مكتبة jQuery JavaScript ، يحتوي مشغل فيديو HTML5 هذا على واجهة مستخدم جميلة ، ويدعم وضع ملء الشاشة ، ويقدم بعض الأشياء الأخرى الرائعة:

  • يدعم التشغيل التلقائي وتحميل مقاطع الفيديو ومقاطع الفيديو
  • عرض رسالة للمتصفحات القديمة
  • عرض حالة العازلة
  • البصمة 8KB
  • وأكثر من ذلك

يعتبر مشغل فيديو jQuery HTML5 مناسبًا للمحمول ولا يتطلب أي مكونات إضافية للمتصفح ، تعمل بشكل كامل في جافا سكريبت.

11. MediaBox - المساعد jQuery للصوت والفيديو

باستخدام HTML5 ، jQuery و jlayer مع فلاش احتياطية ، يحتوي MediaBox - jQuery Plugin for Audio & Video على بعض أجراس وصفارات لطيفة.

MediaBox - jQuery Plugin for Audio VideoMediaBox - jQuery Plugin for Audio VideoMediaBox - jQuery Plugin for Audio Video

هناك الكثير من الخيارات و API. بعض الميزات تشمل:

  • يدعم كل من ملفات الفيديو والصوت
  • يسترد البيانات الوصفية (إن وجدت)
  • 9 الحاجيات سهلة الاستخدام
  • إدارة قائمة التشغيل
  • وأكثر من ذلك

يمكنك مزج وظائفك الخاصة مع واجهة برمجة التطبيقات الصديقة للمطورين واستخدام الأدوات بشكل مستقل أو معًا للحصول على حلول أكثر قوة.

إنشاء تطبيقات الوسائط المتعددة بسرعة وسهولة باستخدام MediaBox - jQuery Plugin for Audio & Video .

12. Vimuse - HTML5 ميديا ​​بلاير

يبدو Vimuse - HTML5 Media Player وكأنه تطبيق وسائط متعددة من شيء يمكنك تضمينه في موقع ويب.  هذا البرنامج المساعد الوسائط قوية وديناميكية هو لاعب الفيديو والصوت ممتازة.

Vimuse - HTML5 Media PlayerVimuse - HTML5 Media PlayerVimuse - HTML5 Media Player

يمكنك إعادة تشغيل ملفات الصوت والفيديو التي تستضيفها بنفسك أو سحب مقاطع الفيديو من YouTube و Vimeo و Dailymotion أو الصوت من بث Shoutcast و Icecast.

الميزات تشمل:

  • سحب مقاطع الفيديو الفردية ومقاطع فيديو المستخدمين وقوائم التشغيل والقنوات
  • محتوى ما بعد التشغيل لمقاطع الفيديو
  • عدة خيارات التخطيط
  • عرض ترجمات الفيديو
  • وأكثر من ذلك بكثير

يأتي مزودًا بنظامين من الألوان ويحتوي على قائمة ضخمة من الخيارات القابلة للتهيئة.

برنامج Vimuse - برنامج HTML5 ميديا ​​بلاير المساعد على حد سواء جميلة وقوية ، ويأتي في النكهات المتعددة: HTML5 ، وورد ، والطبقات الإصدارات.

13. يوتيوب ووردبريس قناة البرنامج المساعد - يوتي

يعمل مكوّن WordPress الإضافي هذا على تحويل موقعك الإلكتروني إلى بوابة الفيديو المثالية على YouTube.

يعد إضافة Youtube لقناة YouTube - Yottie أمرًا ضروريًا لمستخدمي YouTube الذين يحاولون إنشاء تواجدهم على الويب.

YouTube Channel WordPress Plugin YottieYouTube Channel WordPress Plugin YottieYouTube Channel WordPress Plugin Yottie

تتضمن بعض الميزات القوية ما يلي:

  • وقت التخزين المؤقت المخصص وترتيب الفيديو وشبكة الفيديو
  • 4 أنظمة ألوان و 16 لغة مدعومة
  • أكثر من 100 معلمات قابلة للتعديل
  • استجابة كاملة وشبكة شبكية العين جاهزة
  • وأكثر من ذلك بكثير

يحتوي هذا المكوّن الإضافي للفيديو في WordPress على العديد من الميزات التي تبدو وكأنها مظهر أكثر من المكوِّن الإضافي. يوتيوب قناة ووردبرس] البرنامج المساعد - يوتي هو عرض مثير للإعجاب في البرنامج المساعد الفيديو وينبغي النظر بجدية من قبل مستخدمي YouTube.

14. في نهاية المطاف فيديو كبار المسئولين الاقتصاديين البرنامج المساعد

ذا كان موقع WordPress الخاص بك يخدم الكثير من مقاطع الفيديو ، فقد يكون الحصول على بعض عصير SEO جيدًا أمرًا صعبًا. مع البرنامج المساعد النهائي للفيديو كبار المسئولين الاقتصاديين ، ومع ذلك ، فإنه لا ينبغي أن يكون.

Ultimate Video SEO PluginUltimate Video SEO PluginUltimate Video SEO Plugin

يحتوي هذا المكون الإضافي للفيديو على كل ما تريده في المكوّن الإضافي SEO للفيديو:

  • كبار المسئولين الاقتصاديين التلقائي لأشرطة الفيديو الرئيسية تستضيف الفيديو ، بما في ذلك استضافة الذاتي
  • يدعم إدراج الفيديو مع الرموز القصيرة أو metabox
  • schema.org videoObject markup
  • نوع مخصص دعم آخر
  • وأكثر من ذلك بكثير

مع وجود ملف Sitemap للفيديو بتنسيق XML جيد جدًا وكونه سهل التهيئة ، يعد هذا أحد أكثر إضافات WordPress الرائعة التي ستجدها.

في نهاية المطاف سيو فيديو المساعد هو "يوست" الفيديو كبار المسئولين الاقتصاديين.

15. WP قائمة التشغيل معرض الفيديو

إليك خيار آخر رائع للنظر في دمج مقاطع الفيديو الخاصة بك على YouTube أو قناتك في موقع الويب المدعوم في WordPress.

يعتبر WP Video Playlist Gallery مثاليًا لإنشاء قوائم تشغيل الفيديو والمعارض.

WP Playlist Video GalleryWP Playlist Video GalleryWP Playlist Video Gallery

إنشاء العديد من قوائم التشغيل كما تريد مع هذا البرنامج المساعد بشكل جميل.

الميزات تشمل:

  • استخدم رموزًا قصيرة لعرض قنوات YouTube وقوائم التشغيل والمفضلة
  • البحث ، وإضافة ، وإزالة مقاطع الفيديو في المسؤول
  • تغيير حجم المشغل ، والصور المصغرة ، والعناوين
  • استجابة كاملة
  • وأكثر من ذلك

يعتبر WP Playlist Video Gallery مكوّن فيديو فريدًا من نوع WordPress لدمج مقاطع الفيديو وقوائم التشغيل على YouTube في موقعك على الويب.

16. مشغل فيديو HTML5 وخلفية فيديو ملء الشاشة

يمكنك بسهولة إضافة مقاطع فيديو لمقاطع الفيديو بملء الشاشة في YouTube و Vimeo ومقاطع الفيديو ذاتية الاستضافة باستخدام المكوّن الإضافي لفيديو HTML5 مشغل الفيديو ومكوّن فيديو الخلفية الكامل.

HTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video BackgroundHTML5 Video Player FullScreen Video Background

عرض فيديو بملء الشاشة بدون أشرطة سوداء ، أو تهيئته باستخدام:

  • الملمس على الفيديو
  • خيارات 30 شبيبة
  • عرض ثابت
  • العرض الكامل
  • وأكثر من ذلك

هذا البرنامج المساعد الفيديو 22KB هو بسيط وصريح.  هناك أيضًا إصدار WordPress من مشغل فيديو HTML5 وخلفية فيديو الشاشة الكاملة .

17. روابط فيديو WooCommerce - منتجات فيديو مدمجة

الصور رائعة ، لكن مقاطع الفيديو أفضل.

أضف بعض معاينات الفيديو إلى منتجاتك من خلال روابط فيديو WooCommerce - مقاطع الفيديو المدمجة في المنتج ومكونات WordPress الإضافية.

WooCommerce Video Links - Product Embedded VideosWooCommerce Video Links - Product Embedded VideosWooCommerce Video Links - Product Embedded Videos

الميزات تشمل:

  • يدعم YouTube و Vimeo و Wistia وآخرين
  • يعمل أيضا مع SoundCloud الموسيقى
  • تضمين الأحمال المضمنة أو العلبة الخفيفة
  • وأكثر من ذلك

لا يكون استبدال صورة منتج WooCommerce المميز على صفحات المنتج مع الفيديو أسهل كثيرًا من ذلك.

يعتبر WooCommerce Video Links - Embedded Videos product إضافة رائعة إلى واجهة التجارة الإلكترونية الخاصة بك.

18. PHP فيديو البرنامج المساعد

بسهولة دمج البرنامج المساعد PHP الفيديو في CodeIgniter أو PHP القياسية.  هذا البرنامج المساعد الفيديو هو مربع أدوات تطوير الويب.

PHP Video PluginPHP Video PluginPHP Video Plugin
"يمكن أن يأخذ هذا الفيديو المكون الإضافي YouTube أو Vimeo. الصورة والعنوان والصورة والطول والعلامات والمشاهدات وما إلى ذلك.  يمكنه تضمين الفيديو تلقائيًا في الصفحة. "

علاوة على ذلك ، تستخدم ميزة iframe الجديدة التي تضيف دعم HTML5 ، مما يجعل تشغيل مقاطع الفيديو على أجهزة iOS و Android.

أتخيل أن PHP Video Plugin سيكون معيارًا بالنسبة للكثيرين.

19. StarTube - YouTube Video Gallery مدعوم من jQuery

مثل الكثير من خيارات إضافات WordPress المذكورة آنفًا ، ستوفر StarTube - YouTube Video Gallery المدعوم من jQuery طريقة سهلة وفعالة لنقل مقاطع فيديو YouTube إلى موقعك على الويب (WordPress غير مطلوب).

StarTube - YouTube Video Gallery Powered by jQueryStarTube - YouTube Video Gallery Powered by jQueryStarTube - YouTube Video Gallery Powered by jQuery

باستخدام أفضل ممارسات HTML5 و CSS3 وجافا سكريبت ، يوفر تطبيق StarTube طريقة رائعة:

  • ضبط جودة الفيديو والفيديو الافتراضيين للتحميل
  • لوحة المفاتيح وضوابط على الشاشة
  • خيارات ترقيم الصفحات والتخطيط
  • مجموعة أشرطة الفيديو حسب الفئة
  • وأكثر من ذلك بكثير

إذا كنت بحاجة إلى معرض فيديو ، فإن StarTube - YouTube Video Gallery مدعوم من jQuery يستحق عرضًا.

20. يوتيوب آر - فريد أشرطة فيديو يوتيوب البرنامج المساعد

YouTubeR - فريد YouTube Video Plugin هو بالفعل مكون فيديو فريد من نوع WordPress لـ YouTubers.

إنه متجاوب تمامًا ، بما في ذلك أربعة قوالب ، ومتوافق مع WPML ، ولكن هذا ليس ما سوف يجذب انتباهك.

YouTubeR - Unique YouTube Videos PluginYouTubeR - Unique YouTube Videos PluginYouTubeR - Unique YouTube Videos Plugin

يتيح لك YouTubeR تحميل مقاطع الفيديو الخاصة بك على YouTube من خلال WordPress.

بعد ذلك ، يمكنك تضمين مقاطع الفيديو وقوائم التشغيل والقنوات بسهولة.  لكن تحميلها؟  هذه خدعة جديدة  ويتضمن أيضًا الأدوات ، و AJAX المدعوم ، ويستخدم Google API ، وأكثر من ذلك بكثير.

أخيرًا ، YouTubeR - مقاطع فيديو YouTube الفريدة الإضافية مثل وظيفة رائعة تدمج وظائف YouTube مثل "thumbsup" و "thumbsdown" وميزات أخرى على YouTube.

استنتاج

بدءًا من استنساخ YouTube إلى الحلول المصممة جيدًا لتضمين مقاطع الفيديو ، تأتي مكونات الفيديو الإضافية بجميع أشكال وأحجام مختلفة ، مما يجعل من السهل تنفيذ الفيديو في مشاريع الويب. 

يمكنك العثور على هذه المكونات الإضافية وأي شيء آخر تحتاجه لمشروعك الإبداعي القادم في سوق Envato .  وإذا لم تجد أفضل رمز أو دورات أو كتب إلكترونية .

هل استخدمت أي فيديو من مشاريعك الأخيرة على الويب؟

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.