如何从一开始就播放 HTML5 视频?

Posted

技术标签:

【中文标题】如何从一开始就播放 HTML5 视频?【英文标题】:How can I play HTML5 video from the start? 【发布时间】:2022-01-11 21:32:10 【问题描述】:

我遵循了 YouTube 上的教程,该教程讲述了如何在鼠标悬停时播放视频并在鼠标离开时暂停视频。代码像魅力一样工作,但我想修改它。目前,视频从我们离开的地方开始,但我希望它在每次用户悬停时从 0 开始。

<script>
const clip = document.querySelectorAll('.clip');
for (let i = 0; i < clip.length; i++) 
    clip[i].addEventListener('mouseenter',
        function(e)
            clip[i].play()
        )
    clip[i].addEventListener('mouseout',
        function(e)
            clip[i].pause()
        )

</script>

【问题讨论】:

试试 clip[i].currentTime = 0;请参考***.com/questions/16646648/… 【参考方案1】:

试试

clip[i].currentTime=0;
clip[i].play();

【讨论】:

以上是关于如何从一开始就播放 HTML5 视频?的主要内容,如果未能解决你的问题,请参考以下文章

html5 <video>怎么在页面加载好久开始播放视频

仅在缓冲完整视频后才开始播放 HTML5 视频

使用 html5 视频标签从特定位置开始播放视频

html5开发,android中的微信内置浏览器如何让video标签的视频不全屏播放

控制 HTML5 视频中的播放开始位置和持续时间

html5 视频中的单独播放/暂停按钮