问题描述
我正在建立一个视频博客,我想删除出现在视频中的计时器或timeupdate以及其他控件。 我已经搜索过,但是只知道如何禁用控制,而不是特定于计时器。
1楼
假设您正在谈论<video>对象:
Chrome浏览器在video标签上支持属性,该属性可让您隐藏一些常规控件nodownload, nofullscreen, and noremoteplayback但是计时器不在其中,而这是一项实验性且不受广泛支持的功能。
您还可以使用一些 ,包括::-webkit-media-controls-current-time-display ,不过,这又是特定于浏览器的。
解决此问题的唯一跨浏览器方法是完全隐藏默认控件(通过从video标签中.controls = false controls属性,或在JS的video元素上设置.controls = false )并实现您自己的一组自定义控件,将通过javascript 处理与视频的交互,例如
video = document.getElementById('video');
video.controls = false; // hide default controls
document.getElementById('customplaypausebutton').addEventListener('click', function(e) {
if (video.paused || video.ended) video.play();
else video.pause();
});
// etc for all other controls
这最终可能需要大量的工作,但是如果您觉得值得的话,那么MDN会提供 。