I want to achieve the effect that when the user's mouse enters into the video frame, it will trigger the movie. Also, when the user's mouse leaves the video, it will still continue to play. 

However, when the user's mouse enters into the video frame again, the video will be paused. Is there any way to achieve this? I am new to this field.

---

 Here is what I have so far
:

**JQuery:**

```
$(document).ready(function(){
   $('#video1').mouseover(
        function()
            {
                $(this).get(0).play();
            }
        );
    });

```

**HTML:**

```
<video id = "video1" width = "420">
    <source src = "lololol.mp4" type = "video/mp4">
</video>

```