video中怎么设置播放时间点
发表于:2024-10-21 作者:千家信息网编辑
千家信息网最后更新 2024年10月21日,本篇文章给大家分享的是有关video中怎么设置播放时间点,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。1、video标签常用属性 下面s
千家信息网最后更新 2024年10月21日video中怎么设置播放时间点
本篇文章给大家分享的是有关video中怎么设置播放时间点,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
1、video标签常用属性 下面shareVideoLink为视频连接地址
2、获取视频播放时长,初始化在mounted执行此方法,当视屏开始播放的时候,可以获取到视频播放的实时时间点
/** * 获取视频播放时长*/getVideoTime () { if (document.getElementById ('videoPlayer')) { let videoPlayer = document.getElementById ('videoPlayer'); videoPlayer.addEventListener('timeupdate', function () { console.log(`当前的时间点是${videoPlayer.currentTime},视频长度是${videoPlayer.duration}`); }, false) }}
3、设置视频从某个具体时间点开始播放,下面方法中参数num表示要从什么时间点开始播放视频,比如:点击一个按钮去执行下面方法:
比如后台返回了2460198为毫秒 只需要转换为秒就好了,video会从秒自动计算,赋值给video标签秒就好,2460198就是246.0198秒(s) 这时候我们调用下面方法就可以这么写:
this.playBySeconds(2460198/1000) 或者this.playBySeconds(2460.198) ,因为2460.198秒是41.0033001分,所以视频会自动从41.0033001分开始播放,就OK了
//设置播放点,续播playBySeconds (num) { if (num && document.getElementById ('videoPlayer')) { let myVideo = document.getElementById ('videoPlayer'); myVideo.play (); myVideo.currentTime = num; }},
video其他属性总结:
var video = document.getElementById("video");
function play(){
video.play();
}
function pause(){
video.pause();
}
function load(){
video.src="http://clips.vorwaerts-gmbh.de/big_buck_bunny.mp4";
video.load();
}
function open_voice(){
video.muted = false;
}
function close_voice(){
video.muted = true;
}
video.addEventListener("play", function(){
console.log("视频播放")
});
video.addEventListener("pause", function(){
console.log("视频暂停")
});
video.addEventListener("ended", function(){
console.log("播放结束")
});
video.addEventListener("volumechange", function(e){
if(video.muted){
console.log("你关闭了声音")
else{
console.log("你打开了声音")
}
});
以上就是video中怎么设置播放时间点,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。
视频
时间
声音
属性
方法
就是
时长
更多
标签
知识
篇文章
实用
参数
后台
地址
实时
封面
工作会
常用
按钮
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
怎么一个服务器多人使用
网络安全demo实验
爱优威软件开发怎么样
股票软件开发怎么操作
服务器安装前端教程
我的世界踢足球服务器
网络安全代言语
出门问问网络技术有限公司
网络安全手抄简单又好看
公安部网络安全运营部
数据库可以添加性别吗
山西思诺网络技术有限公司
网络安全的认识或见解
team服务器搭建
软件开发技术支持
数据库有那几个
新华互联网科技学校图片
安徽通讯软件开发过程参考价格
王牌战士无法获取服务器列表
软件开发公司 人员结构
怎么和软件开发方砍价
河北正规网络技术
opc 服务器 软件
安装服务器等设备的安全措施
黑科技亮相世界互联网大会
数据库退出系统弹窗
惠普服务器工程师在线咨询
网络技术公司购买什么电子产品
网络安全 人才需求
外卖软件开发的思维导图