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

有没有一种方法可以让我们通过JavaScript禁用HTML5视频的“播放/暂停/全屏点击”功能，并在稍后将它放回原位需要它吗？禁用HTML5的播放/暂停/全屏对于YouTube点击<video>

2015-02-08 jianweichuah

这应该可以帮助你解决你的问题http://stackoverflow.com/questions/14101874/how-to-disable-default-controls-on-a-full-screen-html5-video – 2015-02-08 00:56:35

也许，但没有这种HTML5视频的功能。你必须有一些自定义JS也会去，如果没有更多的信息，你如何调整这是不可能的。 – dandavis 2015-02-08 01:04:50

@dandavis哦，我正在为YouTube制作Chrome扩展程序。你知道他们在用什么吗？ – jianweichuah 2015-02-08 01:07:23

我不知道为什么<video>不接受event.preventDefault();

的方式我解决此去是相当哈克。我只是重写父div的click和dblclick事件来解决我的问题，因为我只想防止暂停/播放/全屏。

来源

2015-02-08 02:47:41 jianweichuah

我不知道你是否可以禁用它们，但你可以使用CSS删除它们。

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

http://jsfiddle.net/4ce23z2a/

我希望这有助于。

来源

2015-02-08 01:08:06 Dzhambazov

嘿，感谢您的回答，但只是删除控件并不能解决我的问题，因为您仍然可以点击视频控制它。 – jianweichuah 2015-02-08 02:45:03

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

回答

相关问题