מעכשיו ניתן להוסיף סרטונים למובייל רק מושתקים

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

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

דפדפנים תומכים:

כרום גירסה Chrome 53

Safari on iOS 10 and later

עדיין לא נתמך בפיירפוקס.

 

דוגמא פשוטה של קוד HTML5 להטמעת סרטון באתר.

<video preload="auto" autoplay loop muted class="fillWidth fadeIn animated" poster="http://il3.picdn.net/shutterstock/videos/11656253/thumb/10.jpg">
    <source src="http://ak3.picdn.net/shutterstock/videos/11656253/preview/stock-footage-time-lapse-kuala-lumpur-city-view-during-dawn-overlooking-the-city-skyline.mp4" type="video/mp4"></source>
    Your browser does not support the video tag. I suggest you upgrade your browser.
</video>

זהו סרטון דמו משאטר סטוק אבל אפשר במקום ה url להכניס כל סרטון אחר

autoplay

גורם לכם שהסרטון ירוץ מייד בכניסה לדף

loop

גורם לכם שהסרטון ירוץ בלופ אינסופי.

muted

משתיק את הסרטון

controls

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