---
url: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88'
title: 'إضافة عنصر فيديو | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2023-11-06T09:37:43+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: 'تحصلون على فيديو YouTube أو Vimeo يناسب عمودكم، مع صورة غلاف وزر تشغيل اختياريين. استخدموه للعروض التوضيحية للمنتجات أو المحاضرات أو الدروس أو المقاطع الترويجية.'
tags:
  - 'Text and media'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: 'إضافة عنصر فيديو'
      description: 'تحصلون على فيديو YouTube أو Vimeo يناسب عمودكم، مع صورة غلاف وزر تشغيل اختياريين. استخدموه للعروض التوضيحية للمنتجات أو المحاضرات أو الدروس أو المقاطع الترويجية.'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2023-11-06T09:37:43+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88'
      articleSection: 'النص والوسائط'
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%B9%D9%86%D8%A7%D8%B5%D8%B1/%D8%A7%D9%84%D9%81%D9%8A%D8%AF%D9%8A%D9%88'
      description: 'تحصلون على فيديو YouTube أو Vimeo يناسب عمودكم، مع صورة غلاف وزر تشغيل اختياريين. استخدموه للعروض التوضيحية للمنتجات أو المحاضرات أو الدروس أو المقاطع الترويجية.'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: الرئيسية
            item: 'https://dxpr.com/ar'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: ar
---
[مركز المساعدة](/ar/hc)/[التوثيق](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82) /[تعلّم DXPR Builder](/ar/hc/documentation/learn-dxpr-builder) /[بناء الصفحات](/ar/hc/documentation/learn-dxpr-builder/build) /[إضافة المحتوى](/ar/hc/documentation/learn-dxpr-builder/elements) /[النص والوسائط](/ar/hc/documentation/learn-dxpr-builder/elements/text-and-media) # إضافة عنصر فيديو.

 تعلّم DXPR Builderبناء الصفحاتإضافة المحتوىالنص والوسائط

   ## في هذا الدليل

 أدلة ذات صلة

- [تغيير مظهر عنصر في لوحة النمط](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A5%D8%B9%D8%AF%D8%A7%D8%AF%D8%A7%D8%AA-%D8%A7%D9%84%D8%B9%D9%86%D8%B5%D8%B1/%D8%AA%D8%A8%D9%88%D9%8A%D8%A8-%D8%A7%D9%84%D9%86%D9%85%D8%B7)

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

## إضافة عنصر فيديو

افتحوا صفحتكم بعد تسجيل الدخول: تظهر عناصر تحكم المنشئ عندما تحومون فوق منطقة المحتوى. وتعرض صفحة [صفحتكم الأولى](/ar/hc/%D8%A7%D9%84%D8%AA%D9%88%D8%AB%D9%8A%D9%82/%D8%AA%D8%B9%D9%84%D9%85-dxpr-builder/%D8%A7%D9%84%D8%A8%D8%AF%D8%A1/%D8%A7%D9%84%D8%B5%D9%81%D8%AD%D8%A9-%D8%A7%D9%84%D8%A3%D9%88%D9%84%D9%89) الأساسيات.

1. حوموا فوق العمود وانقروا **+** في شريط التحكم، أو انقروا **إضافة العناصر** على صفحة فارغة. افتحوا تبويب **المحتوى** وانقروا **الفيديو**. يظهر أعلى العمود ويفتح مربع حوار الإعدادات.
2. الصقوا رابط YouTube أو Vimeo في **رابط الفيديو** أو اكتبوه.
3. تحت **الصورة**، انقروا **اختيار صورة** لفتح **متصفح الوسائط**. وللعثور على صورة، اكتبوا جزءًا من اسمها وانقروا **تطبيق المرشحات**. علّموا الصورة وانقروا **إدراج المحدد**. فتصبح صورة الغلاف.
4. اختاروا ما إذا كان **زر التشغيل من القالب** يظهر فوق صورة الغلاف. وهو متوقف افتراضيًا. وهنا هو مفعّل.
5. انقروا **حفظ** في مربع الحوار. ثم انقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى لتخزين الصفحة.

  ## ما ترونه

يظهر الفيديو في إطار 16:9 عبر العمود. في الفيديو، تملأ صورة الغلاف الإطار ويقع زر التشغيل من القالب فوقها. ولا يُحمَّل مشغّل YouTube إلا عندما ينقر أحد على الصورة أو الزر. ويراه الزوار بعد أن تحفظوا الصفحة وتتم نشرها.

## إعداد عنصر الفيديو

حوموا فوق العنصر وافتحوا **المزيد > الإعدادات** في شريط التحكم. الخيارات:

- **رابط الفيديو:** رابط YouTube أو Vimeo. تعمل الروابط العادية والقصيرة وروابط التضمين كلها.
- **عرض الفيديو:** عرض CSS مثل `100%` أو `800px`. والافتراضي هو `100%`.
- **الصورة:** صورة غلاف تظهر قبل تشغيل الفيديو. ومع ضبط صورة، لا يُحمَّل مشغّل YouTube أو Vimeo إلا عندما ينقر الزائر، فتُحمَّل الصفحة أسرع.
- **زر التشغيل من القالب:** زر تشغيل باللون الأساسي لقالبكم، يظهر فوق الفيديو أو الصورة. وهو متوقف افتراضيًا. والنقر عليه، أو على الصورة، يبدأ الفيديو دون صوت.

## إذا لم يظهر لكم

- **الفيديو ليس في تبويب المحتوى.** ملف تعريف المستخدم الخاص بكم يخفيه. اطلبوا من المسؤول تفعيله في [ملفات تعريف المستخدم](/ar/hc/documentation/learn-dxpr-builder/admin/user-profiles-admin).
- **اختفى بعد إعادة التحميل.** لم يتم حفظ الصفحة. أضيفوه مجددًا وانقروا **حفظ** في شريط الأدوات أعلى منطقة المحتوى.
- **تظهر مساحة فارغة بدل المشغّل.** حقل **رابط الفيديو** فارغ أو يحمل رابطًا ليس من YouTube أو Vimeo. حوموا فوق العنصر وافتحوا **المزيد > الإعدادات**، ثم الصقوا رابط YouTube أو Vimeo صالحًا.
- **يعرض المشغّل خطأ بدل الفيديو.** الفيديو خاص، أو لا يسمح مالكه بتضمينه. اجعلوه عامًا أو غير مدرج واسمحوا بالتضمين على YouTube أو Vimeo، أو اربطوا فيديو آخر.
- **الفيديو أعرض من العمود أو أضيق منه.** **عرض الفيديو** يحمل حجمًا ثابتًا، مثل `800px`. اضبطوه على `100%` لملء العمود.

## ما الخطوة التالية؟

[تبويب النمط](/ar/hc/documentation/learn-dxpr-builder/element-settings/style-tab) لتغيير التباعد والخلفية لعنصر الفيديو.