JS获取控制Video

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>获取播放器播放时间和停止播放</title><script src="./static/js/jquery3.5.0.min.js"></script>
</head>
<body>
<video id="Video" width="100%" height="100%" controls="controls"><source src="./static/video/1.mp4" type="video/mp4" style="margin-top: 0px;"><source src="./static/video/1.mp4" type="video/ogg">
</video>
<script type="text/javascript">// 获取id="video"的video元素v = document.getElementById("Video");//控制当前播放位置v.currentTime=20;// 在当前播放位置改变时执行该方法:v.ontimeupdate = function () {var currenttime = v.currentTime;var alltime = v.duration;console.log("播放视频中");if (currenttime >= 30) {//视频暂停v.pause();console.log("播放了：" + currenttime + "s");console.log("总共：" + alltime + "s");console.log("播放比例：" + currenttime / alltime + "%");alert("免费观看结束，请充值会员观看");return false;}};</script>
</body>
</html>

JS获取控制Video相关推荐

如何用js来控制video播放器
在文章开始前,先给大家看下效果图: 在文章开始,给大家先分享一下这个思路: js来控制视频的播放: 1.所有的方法和属性都是由video这个dom元素来调用,如果换成其他的则不能实现 2.video. ...
JS获取HTML video标签视频第一帧
2019独角兽企业重金招聘Python工程师标准>>> <!DOCTYPE html> <html> <head> <meta charse ...
js获取控制浏览器,屏幕，对象宽度和高度，文件大小
img.fileSize 判断文件大小 function getInfo() { var s = ""; s += "/r/n网页可见区域宽:" ...
JS控制Video播放器（video详细介绍）(快进、后退、播放、暂停、音量大小)
JS控制Video播放器(video详细介绍)(快进.后退.播放.暂停.音量大小) 来源:https://blog.csdn.net/hh3167253066/article/details/1203 ...
JS控制Video播放器
原文链接思路: 一.首先监听触发事件. 比如:向上键对应的keyCode为38,向下键对应的keyCode为40,向左键对应的keyCode为37,向右键对应的keyCode为39,空格键对应的ke ...
JS获取video真实宽高
JS获取video真实宽高 JS代码 var video = document.querySelector('video'); video.addEventListener('canplay', fu ...
js 获取鼠标在画布的位置_使用faceapi.js轻松将面部识别添加到你的应用程序
英文 | https://medium.com/better-programming/add-facial-recognition-to-your-app-easily-with-face-api-j ...
【转】js获取url传值
js获取url参数值 index.htm?参数1=数值1&参数2=数值2&参数3=数据3&参数4=数值4&...... 静态html文件js读取url参数根据获取ht ...
js 获取表格数据（表单变量值）
js获取表单中的指定动态变量问题描述:for循环实现表格每行数据输入,对应每行有提交表单需要做相应处理,我们需要获得该行某列的变量值要求:表格每一行有一个提交按钮实现前台判断操作(判断表格每行第二 ...

JS获取控制Video

JS获取控制Video相关推荐

最新文章

热门文章