فيديو - مساعدة Webflow
يتيح لك عنصر الفيديو تضمين فيديو مستضاف على موقع خارجي مثل YouTube أو Vimeo في أي مكان على موقعك.
كيفية إضافة فيديو
هناك طريقتان لإضافة عنصر فيديو إلى موقعك:
- افتح لوحة الإضافة واسحب وأسقط عنصر الفيديو على لوحة Webflow الخاصة بك
- اضغط على Command + E (على Mac) أو Control + E (على Windows) لفتح البحث السريع وابحث عن عنصر الفيديو
كيفية تنسيق إعدادات الفيديو
بمجرد وضع عنصر فيديو على اللوحة الخاصة بك، سيكون لديك إمكانية الوصول إلى إعدادات الفيديو حيث يمكنك إضافة عنوان URL وعنوان. للوصول السريع إلى إعدادات الفيديو:
- انقر نقرًا مزدوجًا على عنصر الفيديو
- حدد عنصر الفيديو وانتقل إلى لوحة إعدادات العنصر (D)
قم بلصق عنوان URL الفيديو الخاص بك، وأضف عنوانًا إذا كنت ترغب، واضغط على Enter / Return. ستظهر الصورة المصغرة لفيديوك في عنصر الفيديو.
مصادر الفيديو المدعومة
- YouTube (إذا كنت تريد المزيد من التحكم في فيديو YouTube الخاص بك، جرب استخدام عنصر فيديو YouTube)
- Vimeo
- DailyMotion
- KickStarter (كل ما عليك فعله هو لصق عنوان URL الرئيسي للحملة وسيقوم Webflow بجلب الفيديو الرئيسي للحملة)
- TED (دعم متعدد اللغات)
- Wistia
- Ustream
- Livestream
- Twitch
- Tudou
- Hulu
- SproutVideo
- Vidzflow
كيفية ضبط أبعاد الفيديو
يحترم عنصر الفيديو أبعاد حاويته الأم (على سبيل المثال، إذا وضعته في كتلة div، فإنه سيشغل العرض الكامل لتلك الكتلة). إذا كنت ترغب في تعيين عرض وارتفاع مخصصين للفيديو الخاص بك، يمكنك إنشاء كتلة div مخصصة. للقيام بذلك، اسحب كتلة div من لوحة الإضافة وأعطِ كتلة div قيمة عرض وقيمة ارتفاع. الآن، إذا قمت بسحب الفيديو الخاص بك إلى هذه الكتلة المخصصة، فسوف يتوافق مع هذا الحجم.
طرق أخرى لإضافة الفيديوهات إلى موقعك
يمكنك أيضًا إضافة الفيديوهات إلى موقعك باستخدام عناصر أخرى، بما في ذلك:
- فيديو يوتيوب
- فيديو خلفية
- صندوق الضوء
- نص غني
- تضمين كود مخصص
عنصر فيديو يوتيوب
يتيح لك عنصر فيديو يوتيوب تضمين فيديو من رابط يوتيوب. يوفر لك هذا العنصر جميع خيارات العرض التي يقدمها ميزة تضمين يوتيوب، بما في ذلك القدرة على عرض الفيديوهات ذات الصلة من قناة، تعيين وقت بدء محدد، إظهار أو إخفاء عناصر التحكم في الفيديو، والمزيد. تعرف على المزيد حول عنصر فيديو يوتيوب.
عنصر فيديو الخلفية
يتيح لك عنصر فيديو الخلفية إضافة خلفيات متحركة بدون صوت. على عكس عنصر الفيديو الذي يدعم فقط روابط يوتيوب وفيميو، يمكن لعنصر فيديو الخلفية قبول أي ملف فيديو تقوم بتحميله. تأتي عناصر فيديو الخلفية أيضًا مع تبديل تشغيل/إيقاف مدمج بحيث يمكن لزوار الموقع تشغيل أو إيقاف فيديو الخلفية كما يرغبون. تعرف على المزيد حول عنصر فيديو الخلفية.
عنصر صندوق الضوء
The lightbox عنصر يسمح لزوار الموقع بفتح فيديو في نافذة منبثقة. مثل عنصر الفيديو، يدعم lightbox روابط YouTube وVimeo. تعرف على المزيد حول عنصر lightbox.
عنصر النص الغني وحقل النص الغني
يسمح لك عنصر النص الغني بإضافة مقاطع الفيديو أيضًا. هذا يكون أكثر قوة عندما تستخدمه لسحب البيانات من حقل النص الغني في مجموعة CMS. بدلاً من ذلك، يمكنك أيضًا استخدام عنصر الفيديو لسحب البيانات ديناميكيًا من حقل الفيديو في المجموعة. تعرف على المزيد حول حقول الفيديو في المجموعة.
كيفية تضمين مقاطع الفيديو باستخدام كود مخصص
يمكنك أيضًا إضافة مقاطع فيديو HTML باستخدام عنصر التضمين:
- اذهب إلى لوحة الإضافة
- اسحب عنصر التضمين إلى اللوحة
- الصق كود الفيديو الخاص بك (تعرف على المزيد حول عناصر الفيديو في HTML)
- انقر على حفظ وإغلاق