点击YouTube，禁用HTML5 的播放/暂停/全屏

有没有办法让我们通过javascript禁用HTML5video的“播放/暂停/全屏点击”function，然后在我们再次需要时将其恢复？

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

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

我绕过这个方式非常黑客。 我只是覆盖父div的click和dblclick事件来解决我的问题，因为我只想阻止暂停/播放/全屏。

Answer 3

以下行可以解决目的。

 video.removeAttribute('controls');