הוספת כפתור עצירה/הפעלה לוידאו רקע

הנה קוד פשוט לכפתור שעוצר/מפעיל סרטוני רקע באלמנטור.

יש לתת לאזור (עם הסרטון רקע) את הקלאס – my-video, ולכפתור את הקלאס – my-btn, לגרור ווידג’ט מסוג – HTML, ולהכניס את הקוד הבא,

				
					<script>
var myvideo = document.querySelector(".my-video video");
var mybtn = document.querySelector(".my-btn");
mybtn.onclick = function(){

if (myvideo.paused) {
        myvideo.play();
        }
else {
    myvideo.pause(); 
        }
};
</script>
				
			

רוצים להבין טוב יותר איך לכתוב קוד בוורדפרס ואלמנטור?

מוזמנים לבדוק את הקורס שלי, קורס הוספת קוד בוורדפרס ואלמנטור

הקורס הזה גם כלול בחבילת כל הקורסים במחיר מיוחד

4 Responses

  1. אפשר שהכפתור יהיה בתוך הקונטינר? או שחייב להיות מבחוץ? וגם אפשר להגדיר שהוידאו לא יפעל בכלל ויתחיל רק בלחיצה על הכפתור?

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *

פעם בשבוע אני שולח ניוזלטר
עם כל המאמרים החדשים באתר
מעניין אותך?