איך מבצעים שסרטון יחזור בלופ, וכן שגודלו יהיה אוטומטי?

נירוש

משתמש סופר מקצוען
עיצוב גרפי
צילום מקצועי
יש לי קוד שמפעיל סרטון באתר
<iframe width="860" height="500" src="XXXXXXX.mp4" frameborder="0" allowfullscreen></iframe>

השאלה שלי היא
א. איך אני עושה שהסרטון יחזור בלופ שוב ושוב?
ב. איך אני עושה שגודלו יהיה אוטומטי ביחס לעמוד [לטובת סמאטרפונים או טבלטים].
ג. ושאלה אחרונה - האם ניתן לקבוע לו תמונה מקדימה?

תודה!
 

Avi300

משתמש פעיל
א. תוסיף loop בתוך תגית הiframe
ב. width="100%"
ג. קצת יותר מסובך. הטריק הוא להסתיר את האייפרם עם תגית a שתוגדר עם src לתמונה, וטרגט לאייפרם
 

נירוש

משתמש סופר מקצוען
עיצוב גרפי
צילום מקצועי
א. תוסיף loop בתוך תגית הiframe
ב. width="100%"
ג. קצת יותר מסובך. הטריק הוא להסתיר את האייפרם עם תגית a שתוגדר עם src לתמונה, וטרגט לאייפרם
תודה!
א. היכן בדיוק יש למקם את המילה לופ? סתם באמצע?
ב. בנוגע לגובה - מה צריך לעשות?
 

Avi300

משתמש פעיל
א. נהוג בדרך כלל בסוף. (כמובן בתוך התגית הפותחת של ה iframe)
ב. או auto או גם 100%
 

mordy

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
ב. בנוגע לגובה - מה צריך לעשות?
ב. או auto או גם 100%

לא לעשות כלום בנוגע לגובה, הגובה יתאים את עצמו יחסית לרוחב. אם מגדירים גם גובה וגם רוחב ביחס לגודל המסך, היחס גובה-רוחב של הסרטון יתעוות. (חוץ מזה של הגדרת גובה של % אין משמעות)
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
למה iframe? יש ב html5 תגית וידאו יעודית,

This user does not have permission to use the HTML BB code.


המאפיין פוסטר הוא לתמונה המקדימה,

כמובן שאפשר להוסיף loop ללולאה ו autoplay להפעלה אוטומטית, הכל בתגית הפותחת.

ניתן ליצג להציג/להסתיר את כפתורי הפעולות.

הטקסט שבתוך התחום יוצג במקרה שהדפדן מיושן ולא תומך בתגית.
 
נערך לאחרונה ב:

נירוש

משתמש סופר מקצוען
עיצוב גרפי
צילום מקצועי
למה iframe? יש ב html5 תגית וידאו יעודית,

This user does not have permission to use the HTML BB code.


המאפיין פוסטר הוא לתמונה המקדימה,

כמובן שאפשר להוסיף loop ללולאה ו autoplay להפעלה אוטומטית, הכל בתגית הפותחת.

ניתן ליצג להציג/להסתיר את כפתורי הפעולות.

הטקסט שבתוך התחום יוצג במקרה שהדפדן מיושן ולא תומך בתגית.

תודה!
אני לא ממש מבינה איך להכניס את הלופ והאוטו'
כתבתי כך, וזה לא עבד:
<video controls poster="/images/img.gif">
<loop autoplay source src="XXX.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>

אשמח לדעת כיצד אני גם מבטלת את הפקדים, שזה יתחיל מיד לעבוד וללא הפקדים אלא כמו באנר.
כמו"כ אודה לך אם תוכל לשלב בזה את הגודל האוטומטי של העמוד, כי זה כעת גדול מהעמוד.
תודה!
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
לופ ואוטופליי צריכים להיות בתוך התגית הפותחת הראשית של הוידאו ולא של הסורס,

בכדי להסתיר את הפקדים צריך להוריד את המילה controls שיש בתגית הפותחת,

לרוחב להוסיף width="100%" גם כן בתגית הפותחת.

בהצלחה
 

נירוש

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

בכדי להסתיר את הפקדים צריך להוריד את המילה controls שיש בתגית הפותחת,

לרוחב להוסיף width="100%" גם כן בתגית הפותחת.

בהצלחה

זה די אידיש בשבילי... תוכל להכניס את זה לאן שצריך בתוך הקוד?
תודה!
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
אכן, לפי התקנות החדשות של גוגל, הדפדפן חוסם סאונד שמופעל אוטומטית, כך שהפתרון במקרה הזה הוא להוסיף muted/השתקה לסאונד של הוידאו.

והנה הקוד:
קוד:
    <video poster="img.jpg"  width="100%" muted autoplay loop>
      <source src="video.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>

נקודה למחשבה:
תמונה מקדימה פחות רלוונטית במקרה של הפעלה אוטומטית.
 

נירוש

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

והנה הקוד:
קוד:
    <video poster="img.jpg"  width="100%" muted autoplay loop>
      <source src="video.mp4" type="video/mp4">
      Your browser does not support the video tag.
    </video>

נקודה למחשבה:
תמונה מקדימה פחות רלוונטית במקרה של הפעלה אוטומטית.

תודה. בכל אופן עדיין לא עובד. אצלך זה עובד?
 

עיטורים פלוס

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
הנדסת תוכנה
צילום מקצועי
D I G I T A L
עימוד ספרים
בדקתי את הקוד הנ"ל שהביא נטול עץ, הוא עובד מעולה, אולי שכחתם לשנות את שם הקובץ בנתיב של הsrc?, בדקתם את זה בכרום?
 

נירוש

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

עיטורים פלוס

משתמש סופר מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
עיצוב גרפי
הנדסת תוכנה
צילום מקצועי
D I G I T A L
עימוד ספרים
תדביקי כאן את הקוד שלך לאחר השינוי
 

Naftali Stein

משתמש מקצוען
מנוי פרימיום
בוגר/תלמיד פרוג
D I G I T A L
אצלי הקוד הראשון גם עובד, ניתן להגדיר בכרום שיאפשר סאונד בהפעלה אוטמטית.

Iframe היא לא תגית להפעלת וידאו, תפקידו הוא להביא דף אינטרנט אחר לתוך הדף,

אם אני מבין נכון אתם מנסים להריץ וידאו שיושב בקישור מרוחק ולא על השרת שלכם, משהו כמו youTube וכדו׳?
 

נירוש

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

Iframe היא לא תגית להפעלת וידאו, תפקידו הוא להביא דף אינטרנט אחר לתוך הדף,

אם אני מבין נכון אתם מנסים להריץ וידאו שיושב בקישור מרוחק ולא על השרת שלכם, משהו כמו youTube וכדו׳?
הסרטון נמצא בהוסטגאטור. מיקום שונה מהשרת של האתר. זה משנה?
 

אולי מעניין אותך גם...

הפרק היומי

הפרק היומי! כל ערב פרק תהילים חדש. הצטרפו אלינו לקריאת תהילים משותפת!


תהילים פרק קיט ק'

קמה קָרָאתִי בְכָל לֵב עֲנֵנִי יְהוָה חֻקֶּיךָ אֶצֹּרָה:קמו קְרָאתִיךָ הוֹשִׁיעֵנִי וְאֶשְׁמְרָה עֵדֹתֶיךָ:קמז קִדַּמְתִּי בַנֶּשֶׁף וָאֲשַׁוֵּעָה (לדבריך) לִדְבָרְךָ יִחָלְתִּי:קמח קִדְּמוּ עֵינַי אַשְׁמֻרוֹת לָשִׂיחַ בְּאִמְרָתֶךָ:קמט קוֹלִי שִׁמְעָה כְחַסְדֶּךָ יְהוָה כְּמִשְׁפָּטֶךָ חַיֵּנִי:קנ קָרְבוּ רֹדְפֵי זִמָּה מִתּוֹרָתְךָ רָחָקוּ:קנא קָרוֹב אַתָּה יְהוָה וְכָל מִצְוֹתֶיךָ אֱמֶת:קנב קֶדֶם יָדַעְתִּי מֵעֵדֹתֶיךָ כִּי לְעוֹלָם יְסַדְתָּם:
נקרא  7  פעמים

לוח מודעות

למעלה