video.js 点击播放按钮,因为网速的原因，想在视频上面显示个加载的loading。没有分了....

我记得有个proload不过那么应该是个封面，如果可以的我们可以加一个load事件，当视频资源被加载的时候设置loading这个的display为block，加载完毕后display为no。其实一般播放组件不是自己做的话，采用默认的浏览器应该都会有加载的动画的。

 （1）HTML页面视频标签大体如下

<video id="video"controls="controls">

<source src="/video/2mp4" type="video/mp4" />

</video>

（2）视频加载后获取视频的长度

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('loadedmetadata', function () {//加载数据

        //视频的总长度        consolelog(elevideoduration);

    });

（3）视频开始播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('play', function () {//播放开始执行的函数

        consolelog("开始播放");

    });

（4） 视频正在播放中

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('playing', function () {//播放中consolelog("播放中");

    });

（5）视频加载中

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('waiting', function () {//加载

        consolelog("加载中");

    });

（6）视频暂停播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('pause', function () {//暂停开始执行的函数

        consolelog("暂停播放");

    });

（7）视频结束播放

varelevideo = documentgetElementById("video");

    elevideoaddEventListener('ended', function () {//结束

        consolelog("播放结束");

    }, false);

以上就是关于video.js 点击播放按钮,因为网速的原因，想在视频上面显示个加载的loading。没有分了....全部的内容，包括:video.js 点击播放按钮,因为网速的原因，想在视频上面显示个加载的loading。没有分了....、JS判断视频Video的播放、暂停、结束完成及获取长度事件监听处理、等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！