javascript - HTML5 および Javascript で反転したビデオをループする

Question

現在、マウス ホバーでループ再生し、マウス アウトで一時停止する埋め込みビデオがあります。最終的には、右側にカーソルを合わせるとビデオが通常の方向にループし、マウスアウトで一時停止し、左側にカーソルを合わせると逆方向にループするようにしたいと思います。

これが私の現在のコードです：

<video id="360-rotation" src="Earth Rotation.mp4" width="640" height="640" loop></video>

<script type="text/javascript">

document.addEventListener('mouseover', hoverVideo);
var video = document.getElementById('360-rotation');

function hoverVideo(event) {
    if (event.target == video) {
        video.play();
        this.addEventListener('mouseout', stopHoverVideo);
    }
}

function stopHoverVideo(event) {
    if (event.target == video) {
        video.pause();
        //video.playbackRate = -1;
    }
}

いくつかの調査を行ったところ、ループはプレイバックレートの負の値をサポートしていないようです。これを達成する他の方法はありますか？