H5 Video 禁止快进

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>H5 Video禁止快进</title>
        </style>
    </head>

    <body>
        <div>
            <video id="my-video" controls preload="meta" height="70%" width="100%" data-setup="{}">
                <source src="http://jq22com.qiniudn.com/jq22-sp.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;
            }
        };
        //播放完毕时
        video.onended = function () {
            alert("播放完毕");
        }
        </script>
    </body>

</html>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容