HTML5 -  הטמעת נגן וידאו בדף HTML

הוראות הפעלה:

  1. אנא מלאו את השדות שבטופס ולחצו על הכפתור "בצע". לאחר מכן  בחרו את הקוד שבאזור המוקף בגבול כתום והעתיקו אותו לפרוייקט שלכם.
  2. כדי לקבל פיתרון אופטימלי רצוי להשתמש בקבצי וידאו גם בפורמט ogg וגם בפורמט webm, אך אין חובה כמובן לעשות זאת.
  3. אם אתם מעוניינים להשתמש בקובץ וידאו בפורמט אחר כלשהו נא הזינו את הנתיב אליו בשדה: "נתיב לקובץ וידאו אחר".
  4. בשדה "נתיב לתמונת פוסטר" ניתן להזין (לא חובה) נתיב לתמונה שתוצג כפנים של קובץ הוידאו כאשר אינו מנוגן.

   
הנתיב לקובץ הוידאו (ogg):
הנתיב לקובץ הוידאו (mp4):
הנתיב לקובץ הוידאו (webm):
נתיב לקובץ וידאו אחר:
נתיב לתמונת פוסטר:
רוחב הנגן (פיקסל):
אורך הנגן (פיקסל):
כפתורי הפעלה:
הפעלה אוטומטית:
נגינה בלולאה:
האם לטעון קובץ בזמן טעינת הדף:
         
 

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

<!-- Devschool - Online Video Player code generator at http://www.devschool.co.il -->

כדי לחולל קוד להטמעת נגן וידאו בדפי ה - HTML שלכם, עליכם למלא את השדות שבטופס למעלה וללחוץ על הכפתור "בצע". את הקוד יש להעתיק לפרויקט שלכם על פי ההוראות המשובצות בתוך הקוד עצמו. יש לשים לב שכדי לקבל כיסוי טוב של מרבית סוגי הדפדפנים המובילים רצוי לייצר שני קבצי וידאו לפחות: האחד בפורמט ogg והשני בפורמט webm.

מאמרים נוספים בנושא

המדריך לתג Video ב - HTML5

המדריך להטמעת קבצי וידאו ב - HTML5

המדריך לתג source ב - HTML5

 
© 2010-2013  www.Devschool.co.il | מדיניות פרטיות | מדיניות שימוש
לא חבר באתר