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