当前位置: 代码迷 >> JavaScript >> 是否有jquery功能的javascript来禁用或删除html video中的计时器
  详细解决方案

是否有jquery功能的javascript来禁用或删除html video中的计时器

热度:41   发布时间:2023-06-07 16:39:28.0

我正在建立一个视频博客,我想删除出现在视频中的计时器或timeupdate以及其他控件。 我已经搜索过,但是只知道如何禁用控制,而不是特定于计时器。

假设您正在谈论<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会提供 。

  相关解决方案