• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

204
Views
How can I play HTML5 video from the start?

I followed a tutorial on YouTube that tells how to play a video on hover and pause it when the mouse is out. The code works like charm but I want to modify it. Currently, the video starts from the same place where we left but I want it to start from 0 every time the user hovers.

<script>
const clip = document.querySelectorAll('.clip');
for (let i = 0; i < clip.length; i++) {
    clip[i].addEventListener('mouseenter',
        function(e){
            clip[i].play()
        })
    clip[i].addEventListener('mouseout',
        function(e){
            clip[i].pause()
        })
}
</script>
almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Try

clip[i].currentTime=0;
clip[i].play();
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error