我目前正在处理一个视频标签:
<video loop class="video">
<source src="..." type="video/mp4"></source>
</video>
它被绑定到一个交叉点观察器,该观察器触发了它的autoplay属性。当视频是不可见的,我想重置它,使它回到它的原始状态(显示海报)。
目前我正在这样做:
const videoNote = document.querySelector("video")
videoNote.pause()
videoNote.load()
这是可行的,但我在浏览器重新加载我的页面时遇到了麻烦(这可能是.load
方法造成的,也可能不是。
有更好的方法重置视频吗?
而不是load
,如果目标是将视频移回到最开始的位置,我会将currenttime
设置为0
。来自MDN的视频
文档:
当前时间
读取currenttime
返回一个双精度浮点值,该值指示以秒为单位指定的媒体的当前播放位置。如果媒体尚未开始播放,则返回开始播放的时间偏移量。设置currenttime
将当前播放位置设置为给定时间,并在当前加载媒体时查找该位置的媒体。
(我的重点)另请参见HTMLVideoElement
和HTMLMediaElement.CurrentTime
。
所以:
const videoNote = document.querySelector("video");
videoNote.pause();
videoNote.currentTime = 0;
DPlayer视频水印 当前用的是DPlayer视频播放器,我们如何对视频增加水印,求解答
问题描述 bilibili的视频播放器除了Vue都用到了什么技术栈或者怎么实现的 问题出现的环境背景及自己尝试过哪些方法 我今天想要模仿bilibili来写一个视频播放器,但是我写到有关播放/暂停功能时候遇到了一些问题:在Vue3里因为setup是在创建虚拟DOM之前执行的,所以我无法在setup中访问相关DOM节点(<video>)的相关属性,以至于我无法通过监听video的属性来实现响应式。后
问题描述 H5 视频在百度 APP 打开时,视频会出现置顶现象,无论是 ios 还是 android。 可以用百度 app 打开这个链接(啊里集团官网也出现这种兼容性问题...) https://ali-home.alibaba.com/ 视频显示就会这样,置顶在上方,使网页内容被遮盖住 问题出现的环境背景及自己尝试过哪些方法 我参考过相关的文章:https://segmentfault.com/
我想搜索视频列表并用频道图标将其显示在屏幕上,但我不知道如何在搜索查询中获得频道id或频道图标直接链接。 我正在关注youtube的开发人员页面(Java)中的一个例子,我希望搜索结果包含channel_id或channel_icon,该怎么办? [已解决] 我已经解决了我的问题,我编辑了我的字段过滤器,完整代码: 我有 channelId,我可以得到 channel icon,只需将 url 替
这个是使用 echarts 生成的图表,数据实际上是不断变化的,也就是支持动态排序的柱状图。例如如果 D 的数据大于 A 时,就会和 A 交换位置,并且有交换动画。现在希望把实时效果转化为视频,但是发现使用屏幕录制出来的效果不太清晰。而 echarts 渲染出来的是 canvas(也可以使用 svg 进行渲染),可以提高配置时的设备像素比提升清晰度,有什么方法可以直接使用 canvas 去生成视频