שבץ וידאו בקלות עם

האינטרנט המודרני הוא תגובה מלאה ומעצבים רבים יותר מבינים את זה כל יום. אבל יש אתגר pesky אחד כשזה מגיע עיצוב תגובה: תוכן מוטבע.

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

עם זאת, במקום להשתמש במחלקת מכולות CSS, באפשרותך להשתמש SuperEmbed.js, ספריית JavaScript בחינם עבור יצירת קטעי וידאו מגיבים.

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

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

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

עכשיו, SuperEmbed תומך 15 + וידאו embeds מאתרים כגון YouTube, Vimeo, Kickstarter, DailyMotion, Facebook, Vid.me ו- Archive.org (בין רבים אחרים). רשימה זו עדיין גודל, כך שיותר שירותי הזרמת וידאו יתווספו לאורך זמן.

כדי לקבל את הכלי עובד, אתה רק צריך הורד את הספרייה ו הוסף אותו לכותרת האתר שלך ככה:

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

על פי רוב, SuperEmbed תומך בכל הדפדפנים המודרניים מ- FireFox 3.5+, Chrome 4+ וגירסאות של Internet Explorer 9 ואילך.

זוהי ספריה מרשימה מאוד בהתחשב בכל התמיכה בדפדפן וכמה טוב זה עובד נכון מהקופסה. זה פתרון הרבה יותר פשוט מאשר פריצות CSS אם אתה בסדר עם הסתמכות על JavaScript.

אתה יכול למצוא עוד מידע על גייתוב ואתה יכול לראות את זה ריצה חיה בכינור הזה.