Как плавно воспроизводить и останавливать видео через jQuery?

Question

Есть тег:

<video loop id="test">
    <source src="./vid/0000-0060.mp4" type="video/mp4">
</video>

Его обрабатывает такой код (воспроизводится при наведении мыши):

$('#portfolio-vid').mouseover(function(){
    $(this).get(0).play();
}).mouseout(function(){
    $(this).get(0).pause();
})

Как сделать чтобы оно воспроизводилось и останавливалось плавно, а не резко?