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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    h5视频如何监听播放事件?
    23
    0

    调用 play() 之后到视频播放有时间间隔, 我加了个加载图, 找不到事件隐藏加载图.

    判断 video.currentTime 的话 如果没播放就关闭了视频的话, 加载图就没办法取消了.

    监听一些事件, 也没找到 ios 和 安卓 都能用的.....### 问题描述

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • 颠沛流离 普通会员 1楼

      在H5中,我们可以使用JavaScript的MediaStream API来监听视频的播放事件。以下是一个简单的示例:

      javascript var video = document.querySelector('video'); video.addEventListener('play', function() { console.log('Video started playing.'); }); video.addEventListener('pause', function() { console.log('Video started paused.'); }); video.addEventListener('ended', function() { console.log('Video ended.'); });

      在这个示例中,我们首先获取到video元素,然后使用addEventListener方法添加三个事件监听器。当视频开始播放、暂停或结束时,对应的回调函数会被调用。

      注意,这个示例需要video元素在HTML中存在,并且它需要能够播放视频。如果你的video元素不在HTML中,或者它不能播放视频,那么你可能无法使用这个方法来监听播放事件。

      另外,这个示例使用的是video元素的src属性来设置视频的URL。如果你的视频文件在服务器上,你可能需要将src属性改为视频文件的实际URL。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部