H5 Video 禁止快进

3,429 阅读1分钟
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>H5 Video禁止快进</title>
    </head>
    <body>
        <div>
            <video id="my-video" controls preload="meta" height="70%" width="100%" data-setup="{}">
                <source src="5.mp4" type="video/mp4">
            </video>
        </div>
        <script type="text/javascript">
            var video = document.getElementById("my-video")
            var last = 0
            //当目前的播放位置已更改时
            video.ontimeupdate = function () {
                var current = video.currentTime
                if(current - last > 2) {
                    video.currentTime = last
                } else {
                    last = current
                }
            };
        </script>
    </body>
</html>