var video=document.querySelector("#video");
    //加载播放路径
    video.src="";
    //事件API
    //当浏览器加载媒体数据
    video.onloadstart=function () {
        console.log("开始加载");
    }
    //开始加载数据
    video.onloadeddata=function(){
        console.log("开始加载数据");
    }
    //视频因缓冲停止播放执行的事件
    video.oncanplay=function () {
        console.log("当前视频正在缓冲");
    }
    //视频加载失败执行的一个脚本
    video.onerror=function () {
        console.log("当前视频加载失败");
    }
    //开始播放的时候
    video.onplay=function () {
        console.log("当前视频开始播放");
    }
    //暂停的时候产生的脚本
    video.onpause=function () {
        console.log("当前视频暂停");
    }
    //当设置为静音的时候执行的脚本
    video.onvolumechange=function () {
        console.log("当前视频设置为静音");
    }
    //正在播放执行事件
    video.onplaying=function () {
        console.log("当前视频正在播放");
    }
    //当播放位置发生变化执行事件
    //是一个不断被监听的事件
    video.ontimeupdate=function () {
        console.log("当前视频播放位置发生变化");
    }
Logo

CSDN联合极客时间,共同打造面向开发者的精品内容学习社区,助力成长!

更多推荐