HTML5重置视频并再次播放

Question

我正在使用timesheets.js，并希望在滑块处于活动状态时播放HTML5视频。 我正在使用此代码：

if (document.getElementById("v_"+element.id))
{
video = document.getElementById('v_'+element.id)
video.currentTime = 0;
video.play();
}

如果我没有使用“video.currentTime = 0; 它大部分时间都有效（除非视频太长）。我必须重置视频，以便从头开始播放。现在它重置了视频，但它没有播放。有什么想法吗？

Answer 1

虽然Stichy对自己的问题发布了足够的答案，但方法import React from 'react' import { shallow } from 'enzyme' import chai, { expect } from 'chai' import chaiEnzyme from 'chai-enzyme' import App from '../../src/components/components' chai.use(chaiEnzyme()) describe('<App />', function() { it('div.container', function() { const wrapper = shallow(<App />) expect(wrapper.find('Grid')).to.have.className('container') }) }) 会导致使用不必要的带宽，因为它会从服务器重新加载视频。

特别是加载视频会对服务器造成沉重负担。考虑每次重播视频时你可能会加载很多兆字节。

还有一段短暂的时间，用户也需要等待视频重新下载。

我发现最有效且无缝效果的解决方案是在更改video.load()属性之前简单地暂停视频。

像这样：

currenttime

Answer 2

这解决了！我将video.currentTime = 0;更改为：

video.load();