文档首页 > > 播放器SDK> Web播放器> 常用样式说明

常用样式说明

分享
更新时间:2020/06/12 GMT+08:00

暂停时显示播放按钮

1
2
3
4
.vjs-paused.vjs-big-play-button,
.vjs-paused.vjs-has-started.vjs-big-play-button {
display: block;
}

单击屏幕播放/暂停

1
2
3
.video-js.vjs-playing.vjs-tech {
pointer-events: auto;
}

进度显示当前播放时间

默认倒序显示时间,也就是视频播放的剩余时间。若需要显示当前的播放时间及视频总时长,可通过以下样式解决:

1
2
.video-js.vjs-time-control{display:block;}
.video-js.vjs-remaining-time{display: none;}

重载视频文件

1
2
3
4
5
6
7
var video = document.getElementById('example_video');
$("#reload").click(function() {
    video.pause()
    video.setAttribute('src', 'b.mp4');
    video.load();
    video.play();
});
分享:

    相关文档

    相关产品

文档是否有解决您的问题?

提交成功!非常感谢您的反馈,我们会继续努力做到更好!
反馈提交失败,请稍后再试!

*必选

请至少选择或填写一项反馈信息

字符长度不能超过200

提交反馈 取消

如您有其它疑问,您也可以通过华为云社区问答频道来与我们联系探讨

智能客服提问云社区提问