HTML5 video not,HTML5 Video not looping

最新推荐文章于 2024-06-06 09:52:55 发布

转载最新推荐文章于 2024-06-06 09:52:55 发布 · 237 阅读

文章标签：

#HTML5 video not

本文介绍了一种解决在本地环境中视频无法正确循环播放的方法。通过JavaScript操作video元素，禁用自动循环并监听播放结束事件来重载视频，确保了在开发环境下视频内容的正常展示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

I have recently had some issue with this myself. It turned out to be something to do with my site being on localhost. When I move the site to my production server and tested remotely it all worked as expected.

To force it to work on localhost, I used the solution from Joakim Bananskal, but playing the video cause an error because it was already trying to play it, so I just had to reset the video first using load().

Having it set to loop also seemed to cause an issue, because the video never fired the ended event.

My final solution for localhost is below:

$("video").each(function () {

this.loop = false;

this.onended = function () {

this.load();

};

this.play();

});

with this HTML: