我正在使用视频 html5 元素来获取持续时间属性以查找最后一次 当用户关闭浏览器或用户暂停时视频停止播放,将其发送到数据库,以便稍后从停止的地方恢复。
目前我用谷歌搜索并检查堆栈溢出的内容是这样的
<script type="text/javascript">
$("#video").on("durationchange", function() {
alert("Current duration is: " + this.duration);
});
</script>
<video id="video" poster="image.jpg" controls>
<source src="video_path.mp4" type="video/mp4" />
</video>
我还想查找视频到用户登录后停止的持续时间 到我的应用程序。我尝试过,但不是正确的做法
$(window).load(function() {
.ajax({
type: "GET",
url: "/api/videoResume/",
data: param = "",
contentType: "application/json; charset=utf-8",
dataType: "json"
})
.done(function(result){
//update the video element duration
//seeking video to the duration
})
});
最佳答案
另一种方法是添加一个事件监听器,这样当视频暂停时,您可以捕获当前时间,然后您可以将该信息发送到数据库,而不是像下面的示例那样发送警报等等。代码如下所示:
Javascript:
var video1 = document.getElementById('video1');
function videoPausePlayHandler(e) {
if (e.type == 'pause') {
alert(video1.currentTime);
}
}
video1.addEventListener('pause', videoPausePlayHandler, false);
HTML:
<video id="video1" poster="image_path.jpg" controls>
<source src="video_path.mp4" type="video/mp4" />
</video>
关于javascript - 使用Jquery恢复视频(Html5视频元素),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43384404/