账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    H5视频,如何设置循环播放一个视频中的某一个片段?
    28
    0

    在html5中video属性里面有currentTime这个属性可以设置和获取当前时间。求各位大神给个思路?

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • ↗諆實詪↙軟鰯 普通会员 1楼

      在H5中,你可以使用HTML5的视频标签来播放视频。如果你想设置一个视频中的某一个片段循环播放,你可以使用以下方法:

      1. 首先,你需要为视频添加一个循环播放属性。这可以通过设置loop属性来实现。例如:

      ```html

      ```

      1. 然后,你需要在JavaScript中设置循环播放的条件。这通常涉及到在视频加载完成后,检查循环播放的条件。例如:

      ```javascript // 在视频加载完成后,检查循环播放的条件 var isLooping = true; var loopIndex = 0;

      // 在循环播放之前,播放视频的前几帧 for (var i = 0; i < 10; i++) { video.play(); // 在这里,你可以设置播放片段的开始和结束索引 }

      // 在循环播放之前,暂停视频 video.pause();

      // 当循环播放的条件满足时,开始播放片段 if (isLooping) { loopIndex++; if (loopIndex >= video.duration) { loopIndex = 0; } video.play(); } ```

      注意,循环播放的条件通常是在视频的canPlayType属性上设置的。例如:

      javascript // 设置视频可以播放的类型 video.canPlayType('video/mp4;') || video.canPlayType('video/webm');

      这样,当视频的canPlayType属性的值为'video/mp4;'时,循环播放就会被设置为true

    更多回答
    扫一扫访问手机版