H5视频自动播放和循环播放

最新推荐文章于 2025-05-12 00:31:19 发布

自己收藏学习

最新推荐文章于 2025-05-12 00:31:19 发布

阅读量1.2k

点赞数 1

分类专栏： html 文章标签：音视频 java 前端

本文链接：https://blog.csdn.net/pksport/article/details/125439147

版权

html 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了如何使用jQuery来动态改变HTML5视频的src地址，并实现视频循环播放。通过实例展示了如何设置视频循环播放以及在视频结束时自动重播0.1秒。

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

<video id="audio" class="video-player" loop="loop" autoplay muted >
        <source src="/static/images/h5/activity/hea/video.mp4?2" type="video/mp4">
</video>

Jq：

改变视频地址

$('#audio').html('');

var src = "<source src=\"" + info.videoUrl + "\" type=\"video/mp4\">";

$('#audio').append(src);

var video = document.getElementById("audio");
video.loop = false;
video.addEventListener('ended', function() {
    video.currentTime=0.1; video.play(); }, false);
video.play();