كيفية إدراج مقاطع فيديو في WordPress

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

في الواقع ، توقعت دراسة أجرتها شركة Zenith العام الماضي أنه في عام 2021 ستكون هناك زيادة في مشاهدات الفيديو تصل إلى 100 دقيقة يوميًا وزيادة في الإنفاق على إعلانات الفيديو بنسبة 35٪. وفقًا لشركة Cisco ، بحلول عام 2022 ، ستكون 80٪ من إجمالي حركة المرور على الإنترنت بتنسيق فيديو. وأخشى أن كل هذه التوقعات لا ترقى إلى مستوى الوباء الحالي.

لذلك ، دون مزيد من اللغط حول أهمية إضافة مقاطع فيديو إلى منشورات وصفحات موقع الويب الخاص بك ، دعنا نرى مدى سهولة إضافة مقاطع فيديو في WordPress والميزات الجديدة التي يوفرها أحدث إصدار من Gutenberg 9.2.2.

انسخ عنوان URL للفيديو

نحن محظوظون لأن محرر WordPress يسمح لك بتضمين مقطع فيديو من أي نظام أساسي بسهولة بالغة. في المتصفح ، من النظام الأساسي حيث يوجد الفيديو ، يمكنك نسخ عنوان URL الخاص به مباشرة.

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

ثم عليك فقط لصقها مباشرة في كتلة نصية أو لديك أيضًا خيار التحديد المسبق لنوع الفيديو الذي ستقوم بإدراجه. لذلك ، على سبيل المثال ، إذا كنت أرغب في تضمين WordCamp US 2019 - فيديو حالة Word من YouTube بدءًا من اللحظة التي يظهر فيها Matt Mullenweg ، فسوف أقوم بإنشاء كتلة YouTube جديدة وأدخل عنوان URL https://youtu.be/gS6_xOABTWo?t=2085 (أو بدلاً من ذلك عنوان url https://www.youtube.com/watch?v=gS6_xOABTWo&start=2085 ).

لاحظ أنه يجب تحديد الوقت بالثواني. بالإضافة إلى ذلك ، لديك أيضًا خيار محاذاة الفيديو كما تريد في صفحتك.

وستحصل على فيديو جديد مضمن في منشورك:

ولكن ليس هذا فقط ، عند إضافة كتلة YouTube (أو نوع آخر من الفيديو) ، يكون لديك أيضًا خيارات أخرى يمكنك إضافتها إلى عرض الفيديو وتعتمد على النظام الأساسي الذي يتم تشغيله عليه.

وبالتالي ، على سبيل المثال ، في حالة YouTube ، فإن الخيارات المتاحة (من خلال معلمات إضافية في عنوان URL) المتوفرة لديك هي:

• لتضمين الفيديو بالعرض والارتفاع الافتراضيين المتكيفين مع السمة: https://www.youtube.com/gS6_xOABTWo
• لتحديد العرض والارتفاع بشكل صريح: https://www.youtube.com/watch?v=gS6_xOABTWo?&w=320&h=240
• لتحديد العرض فقط: https://www.youtube.com/watch?v=gS6_xOABTWo&w=320
• لمحاذاة المشغل إلى اليسار: https://www.youtube.com/watch?v=gS6_xOABTWo&align=left
• لمحاذاة اللاعب إلى اليمين: https://www.youtube.com/watch?v=gS6_xOABTWo&align=right
• لعرض مقاطع الفيديو ذات الصلة فقط من نفس القناة بعد الانتهاء من الفيديو: https://www.youtube.com/watch?v=gS6_xOABTWo&rel=0
• لتحديد وقت البدء والانتهاء لمقطع فيديو ، أضف وقت البدء والانتهاء: https://www.youtube.com/watch?v=gS6_xOABTWo&start=75&end=500

قم بتحميل وعرض الفيديو الخاص بك في WordPress الخاص بك

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

تمامًا مثلما تضيف صورة ، يكون لديك خيار تحميل الفيديو مباشرةً ، أو تحديده من مكتبة الوسائط ، أو إدخال عنوان URL الخاص به.

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

وبمجرد اختياره ، سيكون متاحًا لجميع زوارنا.

أيضًا ، الإصدار الجديد من Gutenberg 9.2.2. يضيف وظائف جديدة لإدراج الفيديو. على وجه الخصوص ، يسمح لك بإضافة عناصر HTML من النوع <track> من قائمة التحرير.

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

عند إدراج مقطع فيديو ، يكون HTML الذي تم إنشاؤه مشابهًا لما يلي:

 <!-- wp:video {"id":15850} --> <figure class="wp-block-video"> <video controls="" src="/my-site.com/.../my-video.mp4"></video></figure> <!-- /wp:video -->

باستخدام هذا الإصدار الجديد من Gutenberg ، يمكنك الآن إضافة عناصر المسار إلى مقاطع الفيديو من قائمة التحرير بدون تحرير HTML على الإطلاق. لذلك ، على سبيل المثال ، يمكنك إضافة ترجمات باللغة الإنجليزية إلى مقطع فيديو وستتضمن شفرة HTML مسارًا مع معلومات الترجمة.

 <video controls="" src="/my-site.com/.../my-video.mp4"> <track src="mi-sitio.com/.../english-captions.srt" label="English" srclang="en"> </video>

السمات التي يمكن الإشارة إليها على المسارات هي كالتالي:

• srclang - لغة البيانات النصية للمسار. يجب أن يكون رمز علامة لغة صالحًا لـ BCP 47.
• التسمية - عنوان واجهة المشغل.
• النوع - كيف يتم استخدام نص المسار. يمكن أن تحتوي على الكلمات الرئيسية التالية:
  • ترجمات
    • تم تصميم ترجمات لترجمات محتوى الفيديو (على سبيل المثال ، الترجمة باللغة الإسبانية عندما يكون الفيديو باللغة الإنجليزية) للأشخاص الذين لا يفهمون لغة.
  • التسميات التوضيحية
    • نسخ ما يُسمع في الفيديو (حوار وأصوات أخرى) مخصص للأشخاص الذين يعانون من مشاكل في السمع.
  • الأوصاف
    • وصف نصي لمحتوى الفيديو مخصص للأشخاص المكفوفين أو الذين لا يمكنهم مشاهدة الفيديو.
  • الفصول
    • تهدف عناوين الفصول إلى استخدامها عندما يتنقل المستخدم عبر موارد الوسائط المتعددة.
  • البيانات الوصفية
    • المسارات المستخدمة من قبل البرامج النصية. غير مرئي للمستخدمين.
• src - عنوان URL للملف النصي.

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

بعد تحميل الملف إلى مكتبة الوسائط ، فأنت جاهز لتحديده.

سترى كيف يظهر بالفعل في قائمة تحرير الفيديو أنه يمكنك تعديل سمات المسار:

انقر فوق الزر تحرير وقم بتعديل السمات بالشكل المناسب. سيكون لديك الآن مسار النص المضمّن في الفيديو الخاص بك متزامنًا مع عرض الفيديو.

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

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

الصورة بواسطة CardMapr على Unsplash .