לא כל סרטון צריך לתפוס חצי מסך. לפעמים מספיק כפתור ניגון קטן ליד כותרת, או כרטיס תמונה בין השירותים, שפותחים את הסרטון רק למי שבאמת רוצה לצפות. חלון וידאו קופץ עושה בדיוק את זה: הגולש לוחץ, הסרטון נפתח בחלון תצוגה מעל העמוד, ועד אותו רגע העמוד נשאר קל.
מה הווידג'ט עושה
לווידג'ט יש שני חלקים: המפעיל שמופיע בעמוד, וחלון התצוגה שנפתח מעליו עם רקע מטושטש. הסרטון יכול להגיע מקישור, כמו YouTube, Vimeo או שידור HLS, או מקובץ בספריית המדיה.
- כלול: חמישה מראות למפעיל
כפתור ניגון עם טבעות פועמות, כדור במעבר צבע, כפתור ניגון עם טקסט מסתובב, כרטיס תמונה, וקישור טקסט או כפתור.
- כלול: תצוגה מקדימה שקטה
בכרטיס תמונה של קובץ וידאו, הכרטיס מנגן את הסרטון בלי קול כשהעכבר מעליו.
- כלול: כל צורה של סרטון
רחב, קולנוע, קלאסי, ריבוע או אנכי. ב"לפי הסרטון", סרטוני Shorts ו-Reels נפתחים בחלון אנכי.
- כלול: עמוד קל ופרטי
הסרטון נטען רק כשחלון התצוגה נפתח, ותמונת הסרטון נשמרת באתר.
- כלול: נוח במקלדת
החלון נסגר בכפתור הסגירה, במקש Escape או בלחיצה מחוץ לסרטון, והמיקוד חוזר למפעיל.
ככה זה נראה
בכרטיס התמונה, מעבר עכבר מנגן תצוגה מקדימה שקטה, ולחיצה פותחת את הסרטון. כפתור הניגון עם הטבעות הפועמות פותח את הטריילר של Sintel מ-YouTube, ו-YouTube נטען רק אחרי הלחיצה.
בכרטיס: Big Buck Bunny. בכפתור: Sintel. שניהם סרטים פתוחים של Blender Foundation, ברישיון CC BY 3.0.
למי זה מתאים
הווידג'ט מתאים למקומות שבהם הסרטון משלים את התוכן ולא עומד במרכזו: סטודיו לעיצוב שמוסיף כפתור ניגון ליד כל פרויקט, קליניקה שמציבה כרטיס תמונה עם סרטון הסבר על טיפול, מסעדה עם קישור לסרטון מהמטבח בעמוד התפריט, או חנות אונליין עם כרטיס שמראה את המוצר בפעולה. באתר של קורס, כרטיס תמונה לכל שיעור לדוגמה שומר על עמוד נקי וקל לסריקה.
איך מגדירים
- בוחרים סרטון
גוררים את חלון וידאו קופץ לעמוד. בתוכן > וידאו מדביקים את כתובת הסרטון או בוחרים קובץ מספריית המדיה, ומוסיפים כותרת.
- בוחרים מפעיל
בתוכן > מפעיל בוחרים את המראה וכותבים את הטקסט. קוראי מסך מקריאים את הטקסט כשם הכפתור, בכל מראה.
- מכינים כרטיס תמונה
לכרטיס תמונה בוחרים תמונת כריכה בתוכן > וידאו, ואת צורת הכרטיס בתוכן > מפעיל. לקובצי וידאו אפשר להפעיל את "תצוגה מקדימה שקטה במעבר עכבר".
- מגדירים את חלון התצוגה
בתוכן > חלון תצוגה בוחרים את צורת הסרטון, ומחליטים אם להציג את הכותרת מתחת לסרטון.
- מעצבים
בלשונית סגנון קובעים את הצבעים והגודל של המפעיל, ובאזור חלון תצוגה את צבע הרקע מאחור ואת הטשטוש שלו.
טיפים
שאלות נפוצות
מה נטען לפני שהגולש לוחץ?
רק המפעיל ותמונת הכריכה. עם "שמירת תמונת הסרטון באתר" התמונה נשמרת פעם אחת בתיקיית ההעלאות, והדפדפן של הגולש פונה לאתר הווידאו רק כשחלון התצוגה נפתח. בכרטיס עם תצוגה מקדימה שקטה, קובץ הווידאו נטען רק כשהעכבר מעל הכרטיס.
איך סוגרים את חלון התצוגה?
בכפתור הסגירה, במקש Escape או בלחיצה מחוץ לסרטון. בזמן שהחלון פתוח מקש Tab נשאר בתוכו, ובסגירה המיקוד חוזר למפעיל. זה נבנה כדי לעזור לעמוד בדרישות הנגישות.
אפשר לפתוח כמה סרטונים באותו חלון?
כל ווידג'ט פותח סרטון אחד. לכמה סרטונים עם חלון תצוגה שעובר ביניהם מתאים הווידג'ט גלריית וידאו.
חלון וידאו קופץ כלול ב-PeleAddons, בחינם ובלי נעילות. הוא פעיל מיד אחרי ההתקנה, ומוצאים אותו בפאנל של Elementor בקטגוריה PeleAddons.