איך משלבים וידאו באתר?

כדי לשלב קטעי וידאו באתר עליכם להעלות אותם קודם ל-youtube או vimeo.

לאחר שתעלו את הסרטונים לרשת יש שתי דרכים לשלב אותם באתר שלכם:

1. הוספת וידאו לגלריה בדף

באפשרות זו הוידאו יתמקם אוטומטית בהתאם לתצוגת הדף שבו הוזן.

העתיקו את כתובת (קישור) הסרטון שהעלתם ל-youtube או vimeo ולחצו על כפתור 'ייבוא וידאו'

כפתור ייבוא וידאו

בחלונית שתיפתח הדביקו את כתובת הסרטון ולחצו אישור.

חלונית ייבוא וידאו

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


2. שילוב וידאו בעורך התוכן

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

העתיקו את כתובת (קישור) הסרטון שהעלתם ל-youtube או vimeo ולחצו על אייקון הוספת הוידאו בשורת הלחצנים שבעורך התוכן

אייקון הוספת וידאו

בחלונית שנפתחת הדביקו את הקישור שהעתקתם ולחצו על 'הוספה'

הוספת קישור לסרטוןהסרטון יתווסף בעורך התוכן ולחיצה עליו תציג תפריט אפשרויות צף:

הוספת וידאו בעורך התוכן

תפריט צף - אפשרויות וידאו

התפריט שמופיע בלחיצה על וידאו ששולב בעורך מאפשר:

  • לשנות את רוחב / גובה הוידאו
  • ליישר את הוידאו לשמאל / לימין / למרכז
  • לקבוע את מיקום הוידאו ביחס לשורות הטקסט
  • להסיר את הוידאו
  • להחליף את הוידאו בוידאו אחר


שינוי גודל הוידאו בעורך

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

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

לחצו 'עדכון' להחלת השינוי.


מיקום ויישור הוידאו ביחס לטקסט

בתפריט הצף שמופיע לאחר לחיצה על וידאו ששולב בעורך ניתן לבחור את יישור הוידאו (לשמאל / לימין / למרכז).

לחצן יישור וידאו בתפריט אפשרויות וידאו

ולהגדיר גם את מיקום הוידאו ביחס לטקסט (מיושר לטקסט / בשורה נפרדת).

בחירת מיקום וידאו ביחס לטקסט


3. הטמעת קוד Embed

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

לאחר ההגדרה העתיקו את קוד ה-iframe שיוטיוב מספקים.

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

בחלונית שנפתחת לחצו על אייקון 'קוד מוטמע', הדביקו את הקוד שהעתקתם ולחצו על 'הוספה'

הטמעת קוד סרטון וידאו