וידאו - עזרה ב-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 ערך רוחב וערך גובה. כעת, אם תגרור את הווידאו שלך לתוך בלוק div מותאם זה, הוא יתאים לגודל הזה.

דרכים נוספות להוסיף וידאו לאתר שלך

ניתן גם להוסיף וידאו לאתר שלך באמצעות אלמנטים נוספים, כולל:

• וידאו YouTube
• וידאו רקע
• תיבת אור
• טקסט עשיר
• הטמעת קוד מותאם אישית

אלמנט וידאו YouTube

אלמנט הוידאו YouTube מאפשר לך להטמיע וידאו מ-URL של YouTube. אלמנט זה מספק את כל אפשרויות התצוגה שמציעה תכונת ההטמעה של YouTube, כולל היכולת להציג וידאו קשור מערוץ, להגדיר זמן התחלה ספציפי, להציג או להסתיר בקרות וידאו ועוד. למד עוד על אלמנט הווידאו YouTube.

אלמנט וידאו רקע

אלמנט הוידאו רקע מאפשר לך להוסיף רקעים בתנועה ללא אודיו. בניגוד לאלמנט הווידאו שתומך רק בקישורים מ-YouTube ו-Vimeo, אלמנט הווידאו רקע יכול לקבל כל קובץ וידאו שתעלה. אלמנטים של וידאו רקע מגיעים גם עם מתג הפעלה/השהיה מובנה כך שמבקרי האתר יוכלו להפעיל או להשהות את הווידאו רקע כרצונם. למד עוד על אלמנט הווידאו רקע.

אלמנט תיבת אור

האלמנט תיבת אור מאפשר למבקרי האתר לפתוח וידאו בחלון קופץ. בדומה לאלמנט הווידאו, תיבת האור תומכת בקישורים מ-YouTube ו-Vimeo. למד עוד על אלמנט תיבת האור.

אלמנט טקסט עשיר ושדה טקסט עשיר

אלמנט הטקסט העשיר מאפשר לך להוסיף גם וידאו. זה אפילו יותר חזק כשאתה משתמש בו כדי למשוך נתונים מ-שדה טקסט עשיר ב-אוסף CMS. לחלופין, אתה יכול גם להשתמש באלמנט וידאו כדי למשוך באופן דינמי נתונים משדה הווידאו של האוסף. למד עוד על שדות וידאו באוסף.

כיצד להטמיע וידאו באמצעות קוד מותאם אישית

אתה יכול גם להוסיף וידאו HTML באמצעות אלמנט ההטמעה:

1. עבור אל לוח ההוספה
2. גרור אלמנט הטמעה אל הקנבס
3. הדבק את קוד הווידאו שלך (למד עוד על אלמנטי וידאו ב-HTML)
4. לחץ על שמור וסגור

חזרה לעזרה של webflow