h5原生 video播放器断点续播

最新推荐文章于 2024-08-26 11:26:13 发布

时不我待、

最新推荐文章于 2024-08-26 11:26:13 发布

阅读量3.7k

点赞数 1

分类专栏： html/jsp 文章标签： vide

本文链接：https://blog.csdn.net/WXN069/article/details/100768719

版权

html/jsp 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<body>      
    <video id="myvideo" width="50%" height="50%" controls="controls" poster="img/cars.png">
    	<source src="mooc%2FsJRdJ8FAQy.mp4" type="video/mp4">
        </video>
    <script type="text/javascript">
        var video = document.getElementById('myvideo');
        
        var currentTime = localStorage.getItem("currentTime");
        console.log(currentTime);
        video.addEventListener("loadedmetadata",function(){
            this.currentTime = currentTime;
        });
        
        video.addEventListener("timeupdate",function(){
            var currentTime = Math.floor(video.currentTime);
            localStorage.setItem("currentTime",currentTime);
            console.log(localStorage.getItem("currentTime"));
        });
    </script> 
</body>