禁用 HTML5 视频全屏模式

【问题标题】：Disable HTML5 video full screen mode禁用 HTML5 视频全屏模式
【发布时间】：2016-01-06 01:56:32
【问题描述】：

我想使用 CSS 或 Javascript 禁用 HTML5 视频全屏控制。我已经尝试过 CSS，但这仅适用于 Chrome。

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

如何在 Safari、IE 和 Firefox 等所有浏览器中禁用它？

谢谢

【问题讨论】：

【解决方案1】：

我认为您应该隐藏本机控件。并使用css为您创建界面播放器，您可以自定义任何您想要的东西。我建议你可以使用http://mediaelementjs.com/

【讨论】：

是否有任何方法可以检测适用于所有浏览器的全屏模式。 ——
检测全屏视频播放器或浏览器全屏？
全屏视频播放器
var state = document.fullScreen ||文档.mozFullScreen ||文档.webkitIsFullScreen ||文档.msFullscreenElement；如果状态为真，则意味着全屏模式下的视频。这种方式可以用于检测视频全模式和浏览器。可以参考here