在网页中实现视频播放时，有时我们需要让视频在特定时间段内循环播放，而不是整个视频重复播放。
这个需求可以直接用 html 标记搞定，添加三行内联事件即可。思路很简单：加载后先跳到起点，播到终点立刻拉回起点，如此往复。
- 起点跳转 ：
onloadedmetadata="this.currentTime=11;this.play();"
loadedmetadata触发时，文件时长已知，设置currentTime才不会失效。 - 终点拉回 ：
ontimeupdate="if(this.currentTime>=34){this.currentTime=11;this.play()}"。timeupdate大约 4~66 ms 触发一次，足够精确；到 34 s 瞬间重置，视觉无感。 - 注意去掉原生
loop：默认loop会让视频跑到结尾再重头开始，与区间逻辑冲突，直接删掉即可。
完整代码
html
