代码如下,localStorage里的currentTime可以拿到,但是点击播放还是从头开始啊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no">
<title></title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<video id="myvideo" width="100%" height="100%" controls="controls" poster="img/cars.png">
<source src="cars.mp4" type="video/mp4"></source>
</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>
</html>
想做成类似https://po.baidu.com/feed/video?context=%7B%22internal_url%22%3A%22http%253A%252F%252Fwww.internal.video.baidu.com%252F61465f8e083224e8618715343e8e508b.html%22%2C%22sourceFrom%22%3A%22trans%22%7D
这种的
就是用的currentTime 原因是我在HBuilder的服务上运行是不行的,要部署到自己的服务器或者直接文件中用chrome打开就行了