在点击 YouTube 时为 HTML5 <video> 停用 play/pause/full 屏幕

Question

有没有办法让我们通过 javascript 禁用 HTML5 视频的 "play/pause/full screen on click" 功能，然后在我们再次需要时将其放回去？

Answer 1

我不知道你是否可以禁用它们，但你可以使用 css.

删除它们

video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-play-button, video::-webkit-media-controls-pausebutton {
    display: none;
}

http://jsfiddle.net/4ce23z2a/

希望对您有所帮助。

Answer 2

我不确定为什么 <video> 不尊重 event.preventDefault();

我解决这个问题的方式很老套。我只是覆盖了父 div 的 click 和 dblclick 事件来解决我的问题，因为我只想阻止 pause/play/full 屏幕。

Answer 3

下面一行可以解决这个问题。

video.removeAttribute('controls');