点击YouTube </video>，停用HTML5 <video>的播放/暂停/全屏

Question

我们是否可以通过点击＆＃34;停用＆＃34;播放/暂停/全屏？通过javascript播放HTML5视频的功能，并在我们再次需要时将其恢复原状？

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事件来解决我的问题，因为我只想阻止暂停/播放/全屏。

Answer 3

以下行可以解决目的。

video.removeAttribute('controls');