Tags
Links

Elementor Pro

CrocoBlock

ניווט מהיר

הפעלת סרטון במעבר עכבר

הפעלת סרטון במעבר עכבר

איך תוסיפו סרטון וידאו שבמעבר עכבר מעליו הוא מתחיל לנגן (ללא שמע) ובהסרת העכבר הוידאו נעצר

מקור התוכן בהדרכה זו הוא מאתר wicky design של Mark Crowell ו Barbara DiLisio שמייצרים הדרכות מעולות על תוספות מיוחדות באלמנטור ובקוד לחצו לקישור ישיר להדרכה

The source of the content in this guide is the wicky design by Mark Crowell and Barbara DiLisio who produce excellent tutorials on special plugins in Elementor and Code Click for a direct link to the tutorial

הפעלה אוטומטית של וידאו במעבר עכבר - קוד סטטי

הוסיפו ווידג'ט HTML באלמנטור בכל מקום שתרצו את הסרטון, והדביקו את הקוד המצורף. (כמובן תוכלו לשחק בגודל הסרטון ע"י שינוי גודל העמודה).

רק שימו לב! לשנות בשורה 1 את מקור התמונה המצורפת לקישור של התמונה שלכם (תמונה ראשית שתופיע לפני הפעלת הסרטון) וכמו"כ בשורה 2 את הקישור לסרטון.

אם יש לכם ידע בסיסי בCSS תוכלו להוסיף style בתוך הקוד ולעצב בחופשיות (ראו קוד style מצורף).

קוד HTML

				
					<video class="rounded-video" muted onmouseover="this.play()" onmouseout="this.pause(); this.currentTime=0;" poster="הכניסו קישור לתמונה ראשית כאן">
<source src="הכניסו קישור לסרטון כאן" type="video/mp4">
</video>

/*תוספת סטייל לסרטון*/

				
			

הוראות לסרטון ותמונה ראשית

ההמלצה! שגודל הסרטון לא יעלה על 1MB והפריסה על 640X360. כמובן שאפשרי יותר אבל יכולים להיות בעיות טעינה עד שהסרטון יפעל.

כמו"כ לגבי התמונה הפריסה כמו של הסרטון 640X360 והגודל כמה שיותר קטן (בדוגמא המצורפת התמונה בגדול 70KB.

0 0 votes
דירוג מאמר
Subscribe
Notify of
guest
0 הערות
Inline Feedbacks
View all comments
מדריכים ומאמרים קשורים
eliko.web.studio
מפתחי ומעצבי אתרים צריכים המון פעמים אייקוני אימוג'י שונים. והפתרונות הם אפליקציות למיניהם.. אז לא עוד מבחר אימוג'י בשיטת העתק הדבק בלבד
LEMON
גם לכם נמאס מהבאג באלמנטור שמוסיף רווח מיותר בווידג'ט "עורך הטקסט"? ככה תסירו אותו פעם אחת בכל האתר | קוד CSS
SAVVY
אין מפתח אתרים שתוהה מדוע וורדפרס לא מוסיפים אפשרות שכפול לעמודים או פוסטים, הרי זה דבר נצרך באופן ברור. אז קחו שתי דרכים לעשות את זה בעצמכם
Farjana Rashid
מדריך מהיר וקצר, איך להפוך את צבע הכותרת שלך לצבע הדרגתי באלמנטור. רק קוד CSS והכותרת שלך משודרגת
Farjana Rashid
יצירת צבעים מרובים לרקע גרדיאנט תוך שימוש בטריק מעניין באלמנטור פרו ובהוספת שורת CSS אחת. רקע שמשדרג אתרים

תודה שאישרת את הצעת המחיר!

לא צויין כתובת מייל

סך תשלום ראשון (מקדמה) 30% מסכום העסקה הינו:

בפרוייקטים של עיצוב גרפי או/ו פרוייקטים שלא עולים מעל לסכום של 2000₪, התשלום לא יתחלק לפעימות אלא התשלום יושלם בפעימה ראשונה או יתחלק לשתי פעימות על פי הסיכום בטלפון או בהודעות

העברה בנקאית

בנק – ONE ZERO (18)
סניף – ראשי (001)
חשבון – 202003116
ע"ש – אליהו כהן

תשלום באפליקציות

bit/PayBox
במספר טלפון 0503528688