loop属性需与autoplay、muted配合才有效，正确写法为或videoEl.loop = true；iOS需加playsinline且常需JS监听ended事件手动重播。
光写 loop 属性，视频大概率不自动循环——它只管“播完重来”，不管“能不能播起来”。真正起效必须搭配 autoplay 和 muted，三者缺一不可。
loop 属性怎么写才有效
浏览器只认 loop 这个属性是否存在，不解析它的值。写成 loop="true"、loop="1" 或 loop="" 都是无效的，哪怕看起来偶尔能用，也不可靠。
- 正确写法只有：
<video loop></video>（静态 HTML） - JS 动态设置必须用布尔值：
videoEl.loop = true，不是videoEl.loop = "true" -
videoEl.setAttribute('loop', 'true')完全没用——它只是往 DOM 上塞了个字符串，videoEl.loop读出来还是false
为什么加了 loop 还不循环
常见原因是没配齐三个关键属性：autoplay、muted、loop。现代浏览器（Chrome/Safari/Edge）默认拦截有声视频的自动播放，autoplay 被静默阻止后，loop 根本没机会触发。
- 必须同时写：
<video autoplay muted loop playsinline src="bg.mp4"></video> -
playsinline对 iOS Safari 是硬性要求，否则视频强制全屏，破坏布局 - 如果视频必须有声，
muted就不能加——那原生loop在 iOS 上基本失效，得退到 JS 手动处理
iOS 上 loop 失效怎么办
iOS Safari（含微信内置浏览器）对 loop 的支持极不稳定，即使写了 autoplay muted loop playsinline，真机上仍可能跳帧、卡顿或干脆不循环。
立即学习“前端免费学习笔记（深入）”；
- 首选验证方式：真机测试，模拟器结果不可信
- 备用方案是监听
ended事件手动重播：video.addEventListener('ended', () => { video.currentTime = 0; video.play().catch(e => console.warn('重播被阻止:', e)); }); - 注意：
video.play()返回 Promise，必须.catch()，否则错误会中断后续逻辑 - 仅设
currentTime = 0不调play()，视频不会动；用户未交互过时，iOS 可能直接拒绝play()
首尾画面跳变怎么解决
loop 是逻辑循环，不保证视觉连贯。如果视频结尾是黑场、字幕闪出或画面突变，循环时就会明显“咔哒”一下。
- 导出时让末尾几帧淡出并停在第一帧（如最后一秒冻结）
- 用剪辑软件对齐关键帧，确保首帧和末帧内容自然衔接
- 避免快切、突然黑场、动态字幕等破坏连贯性的结尾设计
- 编码时加
-movflags +faststart（FFmpeg），把moov头移到文件开头，减少加载延迟
真正麻烦的不是写错属性，而是以为写了 loop 就万事大吉——它只是循环开关，而能否打开、是否平滑、在哪儿能转起来，全靠其他条件撑着。
