וובמאסטר - תיכנות ובניית אתרים

התגית video

מאפשרת לשלב סרטי וידאו, באמצעות נגן מובנה בדפדפן
F+
F-

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

נכון להיום (אפריל 2013), דפדפני אינטרנט אקספלורר 9+ וספארי תומכים בפורמט  MP4, דפדפני פיירפוקס ואופרה תומכים בפורמט WebM/Ogg, וכרום תומך בשלושת הפורמטים. יוצא שכדי שתהיה לנו תמיכה מלאה לוידאו בכל הדפדפנים התומכים, נצטרך לקודד אותו בכל שלושת הפורמטים…

דוגמאת קוד

<video autoplay controlls>
<source type="audio/mp4" src=”fileName.mp4”>
<source type="audio/ogg" src=”fileName.ogg”>
<source type="audio/webm" src=”fileName.webm”>
אם הטקסט הזה למשתמש, סימן שהדפדפן שלו אינו תומך בתגית זו
</video>

מאפיינים אפשריים

תיאור ערכים מאפיין
מגדיר האם הקובץ ינוגן אוטומטית עם סיום הטעינה שלו   autoplay
מגדיר האם יופיעו פקדים על הנגן, כמו play, pause, volume   controls
ינגן את הקובץ שוב באופן אוטומטי ברגע שהוא מגיע לסוף loop
יתחיל את ניגון הקובץ עם ווליום מושתק   muted
מגדיר איזה חלק מקובץ הוידאו יטען בעת עליית העמוד:
auto – כל הקובץ יטען מראש ומיידית
metadata – רק את הפרמטרים הכלליים כמו שם, אורך וכד’
none – לא לטעון מראש כלום עד שהגולש לוחץ play
none
auto
metadata
preload
נתיב לקובץ תמונה שיוצג טרם טעינת הוידאו, כתמונת פרומו URL poster
נתיב לקובץ וידאו. במידה ואין לנו כמה sources, ניתן להגדיר מאפיין זה פעם אחת על תגית ה-video עצמה, במקום לקונן תגית source כפי שבדוגמא URL src

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

דפדפן אקספלורר מגירסא 8 ומטה אינו תומך בתגית זו, כדי להישתמש בה יש להפעיל HTML5 Polyfill





תגובות בפייסבוק

וובמאסטר © כל הזכויות שמורות