首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

是否可以在不调用onSeeked的情况下动态设置视频的currentTime?

在不调用onSeeked的情况下动态设置视频的currentTime是不可行的。onSeeked是HTML5视频播放器的一个事件,当用户在视频中进行跳转(seek)操作后,该事件会被触发。在视频跳转完成后,才能安全地设置视频的currentTime属性。

设置视频的currentTime属性可以实现视频的跳转和定位功能。通过设置currentTime,可以将视频播放器定位到指定的时间点,实现快进、快退等操作。但是在设置currentTime之前,需要确保视频已经加载完成并且跳转操作已经完成,否则设置的currentTime可能会被忽略或导致不可预期的结果。

在前端开发中,可以通过监听onSeeked事件来确保视频跳转完成后再设置currentTime。例如,可以在onSeeked事件的回调函数中设置currentTime,以确保视频跳转完成后再进行时间定位。

以下是一个示例代码:

代码语言:txt
复制
const video = document.getElementById('myVideo');

video.addEventListener('seeked', function() {
  // 视频跳转完成后,设置currentTime为10秒
  video.currentTime = 10;
});

在这个示例中,当用户进行视频跳转操作后,会触发seeked事件,然后在事件的回调函数中设置视频的currentTime为10秒。

需要注意的是,不同的视频播放器可能会有不同的事件和属性命名,具体的实现方式可能会有所差异。此外,视频的跳转和时间定位功能也可能受到浏览器和视频格式的限制,因此在实际开发中需要进行兼容性测试和适配。

推荐的腾讯云相关产品:腾讯云点播(https://cloud.tencent.com/product/vod)是一款基于云计算技术的视频点播解决方案,提供了丰富的视频处理和播放功能,可用于存储、处理和播放各种类型的视频内容。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

HarmonyOS: 鸿蒙开发视频播放器,真简单!

现在这个直播时代,能开发一个视频播放也是很不错了,鸿蒙里面开发视频播放 就是简单。...二、代码解析1、hml文件(1)添加视频播放组件video(2)src设置视频路径 可以是本地也可以是在线(3)autoplay设置视频默认是否播放(4)设置视频播放事件:播放,暂停,完成,错误,拖动等...,通过设置状态判断 点击视频状态和点击后是否播放和暂停状态 this....video 视频播放组件属性1、muted 视频是否静音播放。,2、src 播放视频内容路径。3、autoplay 视频是否自动播放。...,4、controls 控制视频播放控制栏是否显示,如果设置为false,则不显示控制栏。默认为true,由系统决定显示或隐藏控制栏。

52710

标签

✔ src 要播放视频 URL。 ✔ start 定义播放器音频流中开始播放位置。默认地,声音开头进行播放。 ✔ width 设置视频播放器宽度。...✔ oncanplaythrough 媒体readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以保持当前下载速度情况下不被中断地播放完毕。...注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。...✔ onseeked 跳跃操作完成时触发。 ✔ onseeking 跳跃操作开始时触发。 ✔ onstalled 当用户代理尝试获取媒体数据时发送, 但数据意外获取失败。...✔ onsuspend 媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。 ✔ ontimeupdate 元素currentTime属性表示时间已经改变。

59020
  • 如何在RTSP协议视频智能平台EasyNVR未登录情况下可以调用通道直播链接接口?

    TSINGSEE青犀视频云边端架构全线产品都提供了丰富API接口,用户可以自由调用进行二次开发。...本文之前,我们博客介绍不少关于接口调用方法:EasyDSS获取最新快照接口调用、调取指定时间录像播放或下载接口时间说明等。 ?...; 直播页面鉴权, 即是否要求登录后观看视频(0-关闭, 1-开启) live_streaming_auth=0 当该参数为0,也就是关闭时,不需要登录就可以获取直播链接,当该参数为1,也就是开启时,...而该参数EasyNVR基础配置界面是可以配置。 ? 当配置开启时,我们用另外一个没有登录EasyNVR浏览器直接输入获取通道直播链接接口。 ?...关于API接口,如果大家还有不了解地方,欢迎咨询我们,如果对EasyNVR视频智能流媒体平台感兴趣,也可以自行下载测试,测试可调用API接口自由二次开发,欢迎大家试用。

    67820

    标签

    ✔ end 播放器视频流中何处停止播放。默认地,声音会播放到结尾。 ✔ loopend 视频流中循环播放停止位置,默认是 end 属性值。...✔ loopstart 视频流中循环播放开始位置。默认是 start 属性值。 ✔ playcount 视频片段播放次数。默认是 1。 ✔ src 要播放视频 URL。...✔ oncanplaythrough 媒体readyState变为CAN_PLAY_THROUGH时触发,表明媒体可以保持当前下载速度情况下不被中断地播放完毕。...注意:手动设置currentTime会使得firefox触发一次canplaythrough事件,其他浏览器或许不会如此。...✔ onsuspend 媒体资源加载终止时触发,这可能是因为下载已完成或因为其他原因暂停。 ✔ ontimeupdate 元素currentTime属性表示时间已经改变。‍

    1.2K20

    自定义HTML5视频播放器

    height pixels 设置视频播放器高度。 width pixels 设置视频播放器宽度。 loop loop 如果出现该属性,则当媒介文件完成播放后再次开始播放。...preload pixels 如果出现该属性,则视频页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。 src URL 要播放视频 URL。...,简单说就是等待下一帧视频数据,暂时还无法播放。...`); } myVid.onplaying=function(){ console.log(`真正处于播放状态,这个时候我们才是真正观看视频。...`); } myVid.oncanplay=function(){ console.log(`视频播放器已经可以开始播放视频了,但是只是预期可以正常播放,不保证之后播放不会出现缓冲等待。

    2.6K42

    工具系列 | H5自定义视频播放器实现

    TimeTanges事件中,针对完成缓冲部分,有表示开始点start属性和结束点end属性,与currentTime相同, 容纳了以秒计算实数值。...属性,设置或返回视频、声频是否反复播放。...audio/video.loop=true/false 9.muted属性;设置或返回视频、声频是否静音 使用muted属性设置或返回视频、声频是否静音。...TimeTanges事件中,针对播放完毕部分,有表示开始点start属性和结束点end属性,与currentTime相同, 容纳了以秒计算实数值。start与end是以矩阵形式存在。...(onprogress) 浏览器可以播放媒体数据时(oncanplay) 当浏览器可以不因缓冲而停顿情况下播放时(oncanplaythrough) 2.加载声频、视频时,容易受到干扰,如下: 因出错而中断

    5.4K10

    video标签在不同平台上事件表现差异分析

    autoplay: 设置或返回是否就绪(加载完成)后随即播放视频。 buffered: 返回表示视频已缓冲部分 TimeRanges 对象。...currentTime设置或返回视频中的当前播放位置(以秒计)。 defaultMuted: 设置或返回视频默认是否静音。...(就绪状态监测媒介数据状态) onseeked script 当 seeking 属性设置为 false(指示定位已结束)时运行脚本 onseeking script 当 seeking 属性设置为...| 目前可以监控事件有以下几点: 1、 视频加载时间 play事件触发时间 至 timeupdate事件第一次currentTime 属性值发生变化时,加载过程中可用suspend判断是否有手动暂停...2、 视频缓冲次数 video对象buffered属性返回表示视频已缓冲部分 TimeRanges 对象,currentTime属性设置或返回视频中的当前播放位置(以秒计),利用缓冲区变化可以记录视频缓冲次数

    2.5K60

    video标签在不同平台上事件表现差异分析

    autoplay: 设置或返回是否就绪(加载完成)后随即播放视频。 buffered: 返回表示视频已缓冲部分 TimeRanges 对象。...currentTime设置或返回视频中的当前播放位置(以秒计)。 defaultMuted: 设置或返回视频默认是否静音。...(就绪状态监测媒介数据状态) onseeked script 当 seeking 属性设置为 false(指示定位已结束)时运行脚本 onseeking script 当 seeking 属性设置为...| 目前可以监控事件有以下几点: 1、 视频加载时间 play事件触发时间 至 timeupdate事件第一次currentTime 属性值发生变化时,加载过程中可用suspend判断是否有手动暂停...2、 视频缓冲次数 video对象buffered属性返回表示视频已缓冲部分 TimeRanges 对象,currentTime属性设置或返回视频中的当前播放位置(以秒计),利用缓冲区变化可以记录视频缓冲次数

    1.2K20

    uni-app: 引导页功能如何实现?

    可以配置: 1、是否等待首页加载完成关闭启动界面 设置为true,则splash关闭逻辑为:App启动时,App引擎自动检测首页渲染情况,若首页未渲染(白屏),则不关闭splash;否则,关闭...2、是否程序启动界面显示等待雪花 3、是否自动关闭程序启动界面 autoclose 可设置App引擎是否自动关闭splash,默认为true;若修改为false,则需开发者手动调用 plus.navigator.closeSplashscreen...4、启动界面应用首页面加载完毕后延迟关闭时间 启动界面应用首页加载完毕后延迟关闭时间,单位为毫秒,仅在 autoclose 设置为 true 时有效。...,不能动态变更 enable-danmu 是否展示弹幕,只初始化时有效,不能动态变更 page-gesture 非全屏模式下,是否开启亮度与音量调节手势 微信小程序、H5 direction 设置全屏时视频方向...这样我们就可以video上面显示按钮,用户可以跳过视频直接进去首页。 ? 总结 今天你学到了什么?

    17.7K42

    JS控制Video播放器(快进、后退、播放、暂停、音量大小)

    二.调用video标签对应属性以及方法,去设置去获取 获取视频元素:var videoElement = document.getElementById("videoPlay"); 获取设置音量大小:...videoElement.volume 获取设置当前播放位置:videoElement.currentTime 播放视频:videoElement.play() 暂停视频:videoElement.pause...- Media.src = value; //返回或设置当前资源URL - Media.canPlayType(type); //是否能播放某种格式资源 - Media.networkState;...; //当前资源长度 流返回无限 Media.paused; //是否暂停 Media.defaultPlaybackRate = value;//默认回放速度,可以设置 Media.playbackRate...= value;//当前播放速度,设置后马上改变 Media.played; //返回已经播放区域,TimeRanges,关于此对象见下文 Media.seekable; //返回可以seek区域

    19.8K60

    JS控制Video播放器(快进、后退、播放、暂停、音量大小)

    二.调用video标签对应属性以及方法,去设置去获取 获取视频元素:var videoElement = document.getElementById("videoPlay"); 获取设置音量大小:...videoElement.volume 获取设置当前播放位置:videoElement.currentTime 播放视频:videoElement.play() 暂停视频:videoElement.pause...- Media.src = value; //返回或设置当前资源URL - Media.canPlayType(type); //是否能播放某种格式资源 - Media.networkState;...; //当前资源长度 流返回无限 Media.paused; //是否暂停 Media.defaultPlaybackRate = value;//默认回放速度,可以设置 Media.playbackRate...= value;//当前播放速度,设置后马上改变 Media.played; //返回已经播放区域,TimeRanges,关于此对象见下文 Media.seekable; //返回可以seek区域

    20K72

    从零开发弹幕视频播放器

    canplay 媒体数据已经有足够数据可供播放时触发 canplaythrough 媒体可以保持当前下载速度情况下不被中断地播放完毕时触发 progress 告知媒体相关部分下载进度时周期性地触发...,这可能是因为下载已完成或因为其他原因 播放时 媒体开始播放时触发可能是初次播放、暂停后恢复或结束后重新开始 属性 通过 video 元素,我们可以获取上面提到属性,也可以改变它来操作视频,比如设置...所以这里通过 timeupdate 事件来比对时间,确认已经可以播放视频了。 不过并不是所有浏览器能正确触发 waiting 事件,所以我们需要自己检测是否停住等待加载视频。...}, 100) 这里实现比较简单主要是通过定时器去不断获取视频 currentTime 通过比对它来确定视频是否卡住等待播放。...还可以将上面监听 progress 事件获取到 buffered 时间,比对 currentTime 来决定是否去除 player-loading。

    4.3K30

    走进安卓重灾区----video

    安卓上,无法自动播放,必须手动触发视频播放。调用任何方法都没用,据说这个为了帮用户省流量而设定。但是安卓首次触发之后,再次触发可以通过调用 .play 来触发播放视频。...因此做兼容时候可以设一个判断是否首次播放标志来处理。 默认样式 安卓下,不能自动播放,因此视频播放前会带有视频默认白色加圆圈播放按钮且背景是纯黑色,可以说是非常丑陋了。...为了好点用户体验就是可以视频最上层覆盖一张引导用户点击播放视频引导图,这样既不丑陋又让用户知道这里需要点一下才有东西出现。...但是这样体验可以说是非常糟糕了。于是这种情况下,必须舍弃设置全屏播放了,但是X5浏览器非全屏播放模式下,安卓会在视频页面右上角自动生成一个全屏按钮,这个怎么都去不掉。...也就是说检测过程中不能对视频进行一些隐藏,删除操作。可以说,这检测也没什么意义了。

    1.6K00

    基于reactH5音频播放器

    audio满足如下特殊属性 HTML 音频/视频重要属性 属性 描述 currentTime(重要) 设置或返回音频/视频中的当前播放位置(以秒计)。...duration 返回当前音频/视频长度(以秒计)。设置或返回是否加载完成后随即播放音频/视频。 HTML 音频/视频事件 事件 描述 canplay 当浏览器可以开始播放音频/视频时触发。...playing 当音频/视频因缓冲而暂停或停止后已就绪时触发。...touchmove--负责动态计算触点拖动距离,并转换成this.state.currentTime从而触发组件重渲染. touchend--负责恢复音频播放 pointStart(e) {...,我们可以通过currentTime变化完成所有的需求,并且不需要考虑其他因素影响,因为所有的子组件都是围绕着currentTime运转。

    8.1K10
    领券