如何提高在LitElement中设置HTML视频currentTime的性能

我使用范围输入滑块捕获用户输入：

这是可行的，我可以用滑块控制视频当前时间。然而，这是相当滞后和性能不如我认为它可能是好的。 有没有更聪明/更高效的方法

---

谢谢

在每个输入事件上选择元素可能不是很有效，应该只在ie首次更新时执行一次。但是，如果您没有手动选择元素的特定原因，请考虑使用： 从'lit element'导入{LitElement，html，property，customElement}； @自定义元素“我的视频” 导出类MyVideo扩展LitElement{ @属性currentTime=0； 渲染{ 返回html` this.currentTime=e.target.value}> `; } }

---

以下是一个。

您可能应该将时间更新放在requestAnimationFrame调用中，而不是直接进行。但是，默认浏览器行为并没有针对随机搜索进行优化-您可能不会预加载视频的该部分。可能想看看第三方库hls.js，video.js，它可以进行MSE扩展，以便一切就绪。降低视频的比特率可能会有所帮助。谢谢，这会提高性能。还是不太好，但明显好了。很高兴我能帮上忙：你有没有试过玩“最小”、“最大”和“步长”？

<input class="slider" type="range" oninput="change">

<video class"output" src="video.mp4"></video>

change(e){
this.shadowRoot.querySelector('.output').currentTime = this.shadowRoot.querySelector('.slider').value;
}