WooCommerce ארכיון של סרטונים

[מירי אלף]

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

משהו יודע איך עושים?

כמו בעמוד הזה

 

[עיטורים פלוס]

תתני לכל הסטרוני וידאו קלאס משותף (לתגית video),
תצמידי לקלאס הזה אירוע של mouseover
בתוך האירוע תכתבי שיפעיל את הסרטון שעליו עוברים

משהו כזה (זה ב-jquery):

$( ".name_class_card_video" ).mouseover(function() {
        $( event.currentTarget ).play();      
      });

אם את רוצה שהסרטון יפסיק לנגן כשיוצאים ממנו, תצמידי לו גם אירוע של mouseleave
שם תתני לו פקודת pause

 

[מירי אלף]

תודה רבה
זה קידם אותי
אבל הקוד שעובד לי זה

$('video').trigger('play');
$('video').trigger('pause');

 

[מירי אלף]

עוד שאלה...
איך ניתן לעצב את הפקדים של הנגן

 

[עיטורים פלוס]

דוגמא לנגן עם עיצוב מותאם אישית

HTML5 Video Player with Custom Controls

...

codepen.io

לא התעמקתי בקוד, אבל אולי יקדם אותך לאופן עיצוב הפקדים.